Форум Flasher.ru - содержимое блока шире самого блока

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)

- HTML/DHTML/CSS/JS/VB (http://www.flasher.ru/forum/forumdisplay.php?f=66)

- - содержимое блока шире самого блока (http://www.flasher.ru/forum/showthread.php?t=94465)

Цитата:

Сообщение от whiteRed

про дурнейший тон согласен, у меня все умещается в 990, но как-то чувствуешь себя неуютно когда элементы ведут себя так неожиданно и вся верстка держится на честном слове

где неожиданность?
при чем тут честное слово???
ты первый раз узнал что такое хтмл штоле?

Цитата:

Сообщение от whiteRed

#header {min-width:100%;_width:100%;} не работает в мозилле

работает всё...

следи за своим тоном, пожалуйста
неожиданность: родительский блок не охватывает своих детей
честное слово: дети обещают не раздвигаться шире 990px
про хтмл каждый день что-то новое узнаю

в мозилле (2.0.0.3) фон не дотягивается до конца примерно 15px на узком окне

Код:

#header {

    position: absolute;

    top: 0;

    background-color: yellow;

    height: 40px;

        min-width:100%;_width:100%;

}

Цитата:

Сообщение от whiteRed

неожиданность: родительский блок не охватывает своих детей

это не неожиданность, а правильное (в отличие от иешного) поведение браузера: ты задал ширину в 100%, она и есть 100%. а то что дети блока шире его самого, так это решается другими способами.

Цитата:

Сообщение от whiteRed

честное слово: дети обещают не раздвигаться шире 990px

кто кому обещал???
читай название св-ва:
min-width. МИНИМАЛЬНАЯ ширина, а не просто ширина и не максимальная.

но вообще тебе вероятно нужно вот такое:

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<title>Untitled Document</title>

<style type="text/css">

* {padding:0;margin:0;}

.floatholder:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}

.floatholder{display:inline-block;}

/* \*/

* HTML .floatholder{height:1px;}

.floatholder{display:block;}

/* */

#header{position:absolute;width:100%;top:0;background-color:yellow;height:40px;display:table;}

#header #menu{background-color:gray;white-space:nowrap;text-align:right;margin-left:200px;}

#header #menu DIV{float:left;}

</style>

</head>

<body>



<div id="header">

<div id="menu" class="floatholder">

<div>menu item</div>

<div>menu item</div>

<div>menu item</div>

<div>menu item</div>

<div>menu item</div>

<div>menu item</div>

<div>menu item</div>

<div>menu item</div>

<div>menu item</div>

<div>menu item</div>

</div>

</div>

</body>

</html>

нет, такое мне не нужно. тут пункты меню переносятся на новую строку.
свою проблему я давно решил таблицами, сейчас мне было просто интересно, какие свойства отвечают за то, чтобы родитель растягивался под ширину своих детей независимо ни от чего. пока кроме таблиц другого кроссбраузерного решения не найдено :(.
замена же таблиц на дивы со свойствами типа display:table... по моему это извращение

Цитата:

Сообщение от whiteRed

замена же таблиц на дивы со свойствами типа display:table... по моему это извращение

это не извращение а указание в3с