float:right

kryakryalala · September 17, 2011

Всем привет. Кто нибудь может помочь, почему то блок съезжает. С таким глюком сталкивался в нескольких верстках. При назначении float:right для блока 3, он начинает съзжать в IE7. Этот блок лежит в синем диве фиксированной ширины. Пробовал задавать ширину для всех дивов, даже для контейнера, не помогло ничего Оо

Скрин прилагается

http://imageshost.ru/photo/248519/id908902.html

код для синего блока


#dtb {
background-color:blue;
margin:0 auto;
height:150px;
border: solid 1px red;
text-align: center;
margin-top:30px;
width:1140px;

код для блока с цифрой 3 
#zem_uch3 {
float: right;
border:0px;	
}

Edited September 18, 2011 by kryakryalala

george75 · September 17, 2011

а можно выложить Ваш вопрос в виде css + html полностью?

Edited September 17, 2011 by george75

MaferoK · September 17, 2011

у вас наверно для блока "2" задан float:right и margin-right: ...

так куда там 3й влезет если сверху всё пространство справа занято , вот он и становится на своё законное место

kryakryalala · September 17, 2011

для второго задано только алигн-центр (унаследованно от синего дива, для выравнивания этого блока по центру)

вот более полный код (родительский див +3 внтури него)


#dtb {
background-color:blue;
margin:0 auto;
height:150px;
border: solid 1px red;
text-align: center;
margin-top:30px;
width:1140px;
}

#zem_uch1 {
float: left;
border:0px;	
}

#zem_uch2 {
border:0px;	
}

#zem_uch3 {
float: right;
border:0px;	
}

вот html (почти полностью)

<body>
<div id="container">
<div id="header">

<ul id="navdva">
        <li><a href="index.html">Главная</a></li>
        <li><a href="yslygi.html">Услуги</a></li>
        <li><a href="portfolio.html">Работы</a></li>
        <li><a href="about.html">О компании</a></li>
        <li><a href="contacts.html">Контакты</a></li>
    </ul>
</div>

<div id="dtb">
<a href="sozd.html"><img src="1.gif" id="zem_uch1" /></a> 
<a href="prodv.html"><img src="2.gif" id="zem_uch2" /></a>  
<a href="sopr.html"><img src="3.gif" id="zem_uch3" /></a> 
</div>

<div id="content">

<div class="ss">Главная</div>

 </div>

 <div id="footer">
 Copyright © 2011 siteofcompany.ru - Создание, сопровождение, продвижение сайтов<br /><br />
 Телефоны: (843) 111-11-11, 89898989898, эл. почта: lalala@yandex.ru
  Copyright © 2011 siteofcompany.ru - Создание, сопровождение, продвижение сайтов<br /><br />
 Телефоны: (843) 111-11-11, 89898989898, эл. почта: lalala@yandex.ru
  </div>

</div>
</body>

Edited September 18, 2011 by kryakryalala

george75 · September 17, 2011

А если в html коде поменять местами:

<a href="prodv.html"><img src="3.gif" id="zem_uch3" /></a>

<a href="sopr.html"><img src="2.gif" id="zem_uch2" /></a>

kryakryalala · September 17, 2011

А если в html коде поменять местами:
<a href="sozd.html"><img src="1.gif" id="zem_uch1" /></a>
<a href="prodv.html"><img src="3.gif" id="zem_uch3" /></a>
<a href="sopr.html"><img src="2.gif" id="zem_uch2" /></a>

ОМГ О_О помогло))) Спасибо добрый человек) + (блин плюс не ставится, пишеь вы исчерпали лимит положительных оценок на сегодня О_О)

а почему так происходит? (начинает корректно отображаться в IE7) при перестановке?

Edited September 17, 2011 by kryakryalala

Sign In

float:right

Question

kryakryalala

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

george75

Link to comment

Share on other sites

MaferoK

Link to comment

Share on other sites

kryakryalala

Link to comment

Share on other sites

george75

Link to comment

Share on other sites

kryakryalala

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information