Сайты - по стандартам, но не стандартные сайты!
Страниц: 1
Как сделать, чтобы сабж работал в мозилле так же, как и в IE?
Вот пример:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style>
div#content {
width:45%;
}
div.photo {
float:left;
}
div.right {
float:left;
}
div.d {
clear:both;
}
div {border:1px solid black}
</style>
</head>
<body>
<div id="content">
<p>fdas fad fads s fsd fads fsd fads fsd fads fsd fads fsd fads fsd fads fsd fads fsd fads fsd fads fsd fads fsd fads fsd fads fsd fads fsd </p>
<div class="photo"><img src="photo.gif" width-"200" height="100"/><div class="title">fdasfsd</div></div>
<div class="right"><p>fdas fad fads s fsd fads fsd fads fsd fads fsd fads fsd fads fsd fads fsd fads fsd fads fsd fads fsd fads fsd fads fsd fads fsd fads fsd </p>
</div>
<div class="d">---</div>
<p>fdas fad fads s fsd fads fsd fads fsd fads fsd fads fsd fads fsd fads fsd fads fsd fads fsd fads fsd fads fsd fads fsd fads fsd fads fsd </p>
</div>
</body>
</html>Нет на форуме
В таком случае, если текст в правой "колонке" больше по высоте, чем картинка влевой, то картинка обтекается, т.е. на строчках после картинки текст начинается по горизонтали с начала #content, а нужно - чтобы шел в отдельной "колонке" div.right до div.d[ivider]
Нет на форуме
casey написал:
В таком случае, если текст в правой "колонке" больше по высоте, чем картинка влевой, то картинка обтекается, т.е. на строчках после картинки текст начинается по горизонтали с начала #content, а нужно - чтобы шел в отдельной "колонке" div.right до div.d[ivider]
как Вы и просили в теме.
тогда так:
div.right {
margin-left:200px; // или чуть больше
}
Нет на форуме
Специально для Mozilla & Opera существует свойство display:table-cell. Убрав у правой колонки обтекание справа, но оставив этот параметр для IE, можно добиться одинакового отображения двух колонок в разных браузерах. Для Opera 7 придется добавить в правую колонку vertical-align:top.
Нет на форуме
Страниц: 1