Пробел между элементами

valler · February 22, 2008

Подскажите, пожалуйста, в чем ошибка? Данный кусочек кода FF отображает как задумано (без пробелов), а ИЕ откуда-то берет пробел. От него нужно избавиться. (sq.gif - квадрат 100 на 100 пикселей)

хтмл

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>

 <link rel="stylesheet" type="text/css" href="style.css">
 <title>Тест отступов</title>

</head>

<body>

 <div class="asdasd">
 <img src="sq.gif">
 </div>

 <img src="sq.gif">

</body>

</html>

цсс

body {margin:0px;padding:0px;}
.asdasd {float:left;width:100px;}

Jaeser · February 22, 2008

Довольно легко! Ну попробуй ввести

<body>
 <div class="asdasd">
 <img src="sq.gif">
 </div>
 <div class="asd">
 <img src="sq.gif">
 </div>
</body>

а в css добавь:

.asd {float:left;}

Кстати, можно и другим, более хитрым способом... И в Опере работает нормально... если вам хочется еще сильнее "прижать" элементов, то воспользуйся relative...сам знаешь!

valler · February 22, 2008

Благодарю. Я не просто не подумал, что для правого слоя тоже нужно вписать "float:left".

Sign In

Пробел между элементами

Question

valler

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

Jaeser

Link to comment

Share on other sites

valler

Link to comment

Share on other sites

Обсуждения

Forums

Important Information