блочная верстка часть 1 (DIV)

Vlad Drakula · Конфигурация компьютера

benya
ну... что я могу сделать... столкнулся ты с понятием кросброузерность и тем что каждый броужер отображате так как ему хочется!

benya · Отправлено: **17:04, 06-06-2006** | #12

Vlad Drakula,
Даже если попробовать использовать заместь таблицы дивку, внутренний див при 100% растягивает на несколько пикселей внешний. Интересно что если внутренний див заменить на:

HTML код:

<table cellpadding="0" cellspacing="0" style="border:#333333 1px solid; width:100%">
<tr>
<td style="background-color: #006666; height:5px;"></td>
</tr>
</table>

Все вроде нормально

Vlad Drakula · Конфигурация компьютера

benya
логично... а я ветьговорил что есть баги и то что каждый броузер отображает так как захочет...

GoDleSS · Отправлено: **04:50, 07-06-2006** | #14

Vlad Drakula, насчет выравнивания по высоте(в ряд) пожалуй будут опять затычкообразные решения

Что ж, заставляет подумать, тоже неплохо...

benya, попробуйте для div и table высставить в стилевых таблицах

Код:

 padding: 0px;
 margin: 0px;

возможно и уйдет эффект переполнения.

Vlad Drakula · Конфигурация компьютера

GoDleSS

Цитата:

возможно и уйдет эффект переполнения.

но и отступ между границей и дивом тоже уйдет...

benya · Отправлено: **12:59, 07-06-2006** | #16

GoDleSS,
Ничего не изменилось. Высота больше 5 пикс. и западание на правый край. См.

GoDleSS · Отправлено: **15:36, 07-06-2006** | #17

benya, тогда трогаем в стилях body:

Код:

<html>
<head>
<style>
body {
	margin:0px;
	padding:0px;
}
</style
</head>
<body><! leftmargin="0" topmargin="0">

<table cellpadding="0" cellspacing="0" style="border:#333333 1px solid; width:100%">
<tr>
<td style="background-color: #006666; height:5px;"></td>
</tr>
</table>
</body></html>

Opera -> ok
IE -> ok

Vlad Drakula · Конфигурация компьютера

GoDleSS
читайте более внимательно: http://forum.oszone.net/post-447462-12.html

GoDleSS · Отправлено: **16:24, 07-06-2006** | #19

Да, моя ошибка!
Самое интересное, что прогнал указанный человеком код(с дивом, а не таблицей) - все норма, отображает как надо...

Тест опять же в опере и ИЕ.

benya · Отправлено: **17:51, 07-06-2006** | #20

GoDleSS,
Правильно, но не совсем. Где высота в 5 пикселей?
IE 6.0

Firefox 1.5.0.2

Opera 6.0

Мне нужно так, как отобразила Опера