Форум PHP программистов > Пробел в разных браузерах

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: Пробел в разных браузерах

IamSmorodin

3.11.2011 - 19:35

Добрый день. Использую конструкцию <div>

 <div style="width: 200px; float:left;padding:0;margin:0;">
 <div><img src="db_img/1_large.jpg"/></div>
     <div>
       	<ul id="menu">
       		<li>
       			<a href="#">Действия</a>
       			<ul>
       				<li><a href="change_language.php?id=en">1</a></li>
    				<li><a href="change_language.php?id=ru">2</a></li>
       			</ul>
       		</li>
      	</ul>        
     </div>
</div>

Получается, что между картинкой и расположенным снизу меню есть промежуток. Вот в IE его ширина отличается от всех остальных браузеров. Как его привести в один и тот же вид во всех браузерах. Спасибо.

_____________
Мой Twitter
Подписывайтесь :)

Winston

3.11.2011 - 19:55

Может margin-bottom задать ?

IamSmorodin

3.11.2011 - 19:58

Winston
Проверил. Нет, не задан.

_____________
Мой Twitter
Подписывайтесь :)

Winston

3.11.2011 - 20:04

Цитата (IamSmorodin @ 3.11.2011 - 17:58)

Проверил. Нет, не задан.

Блин, я хотел сказать, может попробовать задать его ?

IamSmorodin

3.11.2011 - 20:13

Winston
Задавал, если в Опере, Хроме и т.д. средствами css можно соединить картинку и меню, то в IE меню заезжает на картинку.

_____________
Мой Twitter
Подписывайтесь :)

imbalance_hero

4.11.2011 - 03:19

IamSmorodin
Для див задай font-size. А вообще, видеть надо. Верстка - это визуальная часть, как я могу тебе ответить не видя ничего? Тоже самое если я спрошу у тебя, правильно ли я нарисовал мой портрет, при этом не смотря на него?

vital

4.11.2011 - 03:30

Cделайте <div style="clear:both"></div> между ними. И задайте отступ сверху или снизу одному из них

_____________
"Нужно быть готовым прислушиваться к тем, кто может тебя чему-нибудь научить. Иначе ты никогда не вырастешь."

Откровенно я никому ниразу не нагрубил. А дать подзатыльник зарвавшемуся юнцу, так это и ему на пользу, и мне в удовольствие. © AllesKlar

sebastjan

4.11.2011 - 04:18

Вот где собака порылась, ИЕ как всегда отличился пока не поставишь <br>
выставляет несколько пикселей отступ.
Пробуй, у меня в ИЕ6, Лисе,Опере работает.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<style>
.dd{
	border: 1pt solid #CC3333;
	width: 300px;
	padding: 0px;
}
.menu{
	border: 1pt solid #0066FF;
	margin-top: 0px;
	background-color: #33FFFF;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>xxxxx</title>
</head>
<body>
<div class="dd">
 <img src="a.jpg" border="1" height="100" width="100"><br>
	<div class="menu">
		<ul>
       		<li>
       			<a href="#">Действия</a>
       			<ul>
       				<li><a href="">1xxxxxx</a></li>
    				<li><a href="">2aaaaaa</a></li>
       			</ul>
       		</li>
      	</ul>
    </div>
</div>
</body>
</html>

Быстрый ответ:

Здесь расположена полная версия этой страницы.