float в ие-6 работает некорректно - HTML и CSS

cratte · 16.02.2010, 09:46

Здравствуйте, у меня такая проблема: на сайте есть два блока, блок меню и блок, содержащий контент. Меню - 20%, контент - 80% от экрана, но в разделе с контентом содержатся изображения и их размер может превышать размер экрана. Во всех браузерах, кроме ие-6, в этом случае появляется горизонтальная прокрутка, а ие, просто, переносит раздел с контентом вниз, под блок содержащий меню. Подскажите, пожалуйста, есть ли какие-нибудь средства избавиться от этой проблемы?

13th · 16.02.2010, 11:14

давай исходный код

Magneto · 16.02.2010, 14:22

попробуйте для блока с контентом определить стиль:

Код:

overflow:scroll;

cratte · 17.02.2010, 08:50

html код:
<html>
<head>
<title>Проверка работы CSS</title>
<link rel="stylesheet" href="css_template/main.css" type="text/css">
</head>
<body>



<div class="lb_20">
<table border="1" bgcolor="blue" width="100%">
<tr>
<td>olo</td><td>olo</td>
</tr>
<tr>
<td>olo</td><td>olo</td>
</tr>
</table>
</div>
<div class="lb_80">
<table width="1200px" border="1">
<tr>
<td>olo</td><td>olo</td>
</tr>
<tr>
<td>olo</td><td>olo</td>
</tr>
</table>
</div>
А тут, типа WALL OF TEXT.
</p>
</body>
</html>

css код:
body {
margin:0px; display:block; color:green;

}

p {margin-bottom: 11px;}
.lb_20 { float:left; border:1px solid; margin:0px; padding:0px;width:20%;}
.lb_80 {
border:1px solid;
margin:0px;
padding:0px;
}

http://www.imagebar.net/show.php/71813_chrom.jpg.html - так отображется в chrome и других браузерах

http://www.imagebar.net/show.php/71814_ie6.jpg.html - так в ие6

16.02.2010, 09:46	#1
cratte Новичок Джуниор Регистрация: 16.02.2010 Сообщений: 2	float в ие-6 работает некорректно Здравствуйте, у меня такая проблема: на сайте есть два блока, блок меню и блок, содержащий контент. Меню - 20%, контент - 80% от экрана, но в разделе с контентом содержатся изображения и их размер может превышать размер экрана. Во всех браузерах, кроме ие-6, в этом случае появляется горизонтальная прокрутка, а ие, просто, переносит раздел с контентом вниз, под блок содержащий меню. Подскажите, пожалуйста, есть ли какие-нибудь средства избавиться от этой проблемы?

16.02.2010, 11:14	#2
13th Форумчанин Регистрация: 31.12.2008 Сообщений: 634	давай исходный код Возможно всё Пишу обо всем

16.02.2010, 14:22	#3
Magneto Форумчанин Регистрация: 10.02.2008 Сообщений: 178	попробуйте для блока с контентом определить стиль: Код: `overflow:scroll;` Последний раз редактировалось Magneto; 16.02.2010 в 14:24.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Некорректно работает запрос	Arkuz	БД в Delphi	9	20.08.2009 07:04
Некорректно работает запрос	zulu80	БД в Delphi	10	16.02.2009 13:35
IdHTTP1 некорректно работает	nike-p	Работа с сетью в Delphi	9	23.07.2008 23:13
скажите почему работает некорректно	pimiento	Общие вопросы C/C++	6	29.05.2008 17:21
Конструкция case of работает некорректно! Как исправить?	SkAndrew	Общие вопросы Delphi	6	06.04.2008 00:21

17.02.2010, 08:50	#4
cratte Новичок Джуниор Регистрация: 16.02.2010 Сообщений: 2	html код: <html> <head> <title>Проверка работы CSS</title> <link rel="stylesheet" href="css_template/main.css" type="text/css"> </head> <body> <!--<div class="lb_100">--> <div class="lb_20"> <table border="1" bgcolor="blue" width="100%"> <tr> <td>olo</td><td>olo</td> </tr> <tr> <td>olo</td><td>olo</td> </tr> </table> </div> <div class="lb_80"> <table width="1200px" border="1"> <tr> <td>olo</td><td>olo</td> </tr> <tr> <td>olo</td><td>olo</td> </tr> </table> </div> А тут, типа WALL OF TEXT. </p> </body> </html> css код: body { margin:0px; display:block; color:green; } p {margin-bottom: 11px;} .lb_20 { float:left; border:1px solid; margin:0px; padding:0px;width:20%;} .lb_80 { border:1px solid; margin:0px; padding:0px; } http://www.imagebar.net/show.php/71813_chrom.jpg.html - так отображется в chrome и других браузерах http://www.imagebar.net/show.php/71814_ie6.jpg.html - так в ие6