| |
|
|
| |
<html>
<head>
<style type=text/css>
div.div1 {
font-family: Verdana;
font-size: 10px;
background-color: #CCCCFF;
border: 1px solid red;
margin: 5px;
padding: 10px;
float: left;
}
div.clear {
clear: left;
}
</style>
</head>
<body>
<div class=div1>Это пример текста! =)</div>
<div class=div1>Это пример текста! =)</div>
<div class=div1>Это пример текста! =)</div>
<div class="div1 clear">Это пример текста! =)</div>
<div class=div1>Это пример текста! =)</div>
</body>
</html>
|
В Opera, Firefox и Navigator -- везде на новую строку переносится 4ый и 5ый блоки, а в IE -- только 5ый. Что за глюк? | |
| |
|
|
| |
|
|
| |
для: Nytrogen
(21.08.2008 в 17:58)
| | | Вы текст в блоках перенумеруйте и увидите, что в MSIE переносится никак не 5-й блок.
Что до переноса - это не глюк MSIE, а вполне правильная интерпретация свойства float.
А вот в в прочих браузерах - таки как раз глюк. | |
| |
|
|
| |
|
|
| |
для: PAT
(21.08.2008 в 18:18)
| | | И правда, переносится 4ый блок, но не суть. Как в таком случае сделать, чтобы везде переносилось 2 блока (4ый и 5ый)?
<div class=div1>1) Это пример текста! =)</div>
<div class=div1>2) Это пример текста! =)</div>
<div class=div1>3) Это пример текста! =)</div>
<div class="div1 clear">4) Это пример текста! =)</div>
<div class=div1>5) Это пример текста! =)</div>
|
| |
| |
|
|
| |
|
|
| |
для: Nytrogen
(21.08.2008 в 18:25)
| | | <div class=div1>1) Это пример текста! =)</div>
<div class=div1>2) Это пример текста! =)</div>
<div class=div1>3) Это пример текста! =)</div>
<div style="cler:both"></div>
<div class="div1">4) Это пример текста! =)</div>
<div class=div1>5) Это пример текста! =)</div> | |
| |
|
|
| |
|
|
| |
для: AlexSol
(21.08.2008 в 19:54)
| | | Логичнее, ИМХО:
вместо
<div style="clear:both"></div>
прописать
<br style="clear: both">
|
| |
| |
|
|
| |
|
|
| |
для: PAT
(21.08.2008 в 22:25)
| | | Спасибо! | |
| |
|
|
