Выравнивание

@Collision · Регистрация: 21.01.2015

Author24 — интернет-сервис помощи студентам

Здравствуйте, как поместить блок с профилем в шапку, чтоб он от туда не вылазил.

HTML5

<div class="heder"> 
    <img align="left" width="64px" id="menu_icon" height="64px" alt="Menu" src="img/43.png"/>   
         <div id='mainProfile'>
            <div><img align='right'  width='36px' height='36px' src='img/Geyb.jpg' id='mainImg'/</div>
        <div><a href='profile.php'> Профиль </a><br/></div>
        <div><a  href='profile.php'> Новые сообщения</a></div>
        <div><a  href='exit.php'> Новые сообщения</a><br/></div>
    </div>"
</div>

CSS

.heder{
    float: center;
    background: #acacac;
    padding: 5px;
    border: solid 1px black; 
    border-radius: 5px;
}
#menu_icon{
    margin: 2px;
    padding: 2px;
    height: 50px;
    width: 50px:
}
#mainProfile{
    width: 30%;
    height: 90%;
    float: right;
    background-color: #6c6874;
    margin-bottom: 2px;
    margin-right:2px;
    margin-top: 2px;
    padding: 2px;
    border-radius:3px;
    text-align: left;
    font-size: 80%;
    
}
#mainImg{
    margin-bottom: 2px;
    border-radius:5px;
}

@aj17 · 15.10.2015, 17:49

Сообщение от Collision

#mainProfile{
* * width: 30%;
* * height: 90%;
* * float: right;
* * background-color: #6c6874;
* * margin-bottom: 2px;
* * margin-right:2px;
* * margin-top: 2px;
* * padding: 2px;
* * border-radius:3px;
* * text-align: left;
* * font-size: 80%;
}

Попробуйте удалить height: 90%; и width: 30%;

Добавлено через 5 минут
https://jsfiddle.net/gera18/Ln402Lv6/5/ ссылка на пример, у меня вроде бы вышло то что вам нужно)

@Collision · 15.10.2015, 18:00 **[ТС]**

Спасибо, то что нужно)

@aj17 333 / 309 / 168 Регистрация: 02.06.2014 Сообщений: 1,130
	15.10.2015, 17:49	2
	Сообщение от Collision #mainProfile{ * * width: 30%; * * height: 90%; * * float: right; * * background-color: #6c6874; * * margin-bottom: 2px; * * margin-right:2px; * * margin-top: 2px; * * padding: 2px; * * border-radius:3px; * * text-align: left; * * font-size: 80%; } Попробуйте удалить height: 90%; и width: 30%; Добавлено через 5 минут https://jsfiddle.net/gera18/Ln402Lv6/5/ ссылка на пример, у меня вроде бы вышло то что вам нужно) 1

@Collision 0 / 0 / 0 Регистрация: 21.01.2015 Сообщений: 85
	15.10.2015, 18:00 [ТС]	3
	Спасибо, то что нужно) 0