Проблемы с IE

[B~Vladi]

блочные элементы по умолчанию растягиваются на 100% ширины

Таблица это таблица и она растягивается контентом.

[Riim]

Кстати, вот недавно пытался научить div-ный блок вести себя по ширине так же как по высоте, т. е. растягиваться контентом, получилось так:

<div style="overflow: hidden;">
	<div style="float: left;">
		text
	</div>
</div>

Все на первый взгляд, замечательно везде работает, но если добавить в такую конструкцию блок с "float: right;" , то в IE6 и IE7 добавленный блок начинает растягивать всю конструкцию на всю доступную ей ширину. Пришлось все же таблицей сделать .

Вот полный пример:

<div style="overflow: hidden; background: #f99;">
	<div style="float: left; background: #9f9;">
		<div style="float: right;"></div>
		text
	</div>
</div>

Пробовал с "position: relative;" + "position: absolute;" выдумывать, но тоже никак. На IE6 можно было бы и забить, но вот IE7.

[x-yuri]

блочные элементы по умолчанию растягиваются на 100% ширины

только таблиц это не касается

Я вижу только одну причину: ie6 рассчитывает ширину относительно body, который меньше ширины клиентской области из-за margin

UPD:

Кстати, вот недавно пытался научить div-ный блок вести себя по ширине так же как по высоте

а можно по-конкретнее, а не абстрактную задачу?

[Octane]

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

блочные элементы по умолчанию растягиваются на 100% ширины

только таблиц это не касается

Я знаю, что таблица не является блочным элементом

alert(document.defaultView.getComputedStyle(document.body.appendChild(document.createElement("table")), null).display);

речь шла и не про таблицу:

таблица не расширяется из-за того, что не задана ширина родителя...

а вот про этот CSS-код:

body, html{
width:100%;
}

[Tim]

Не учи плохому!

Octane, что здесь плохого?

[Octane]

что здесь плохого?

1. Восстановить нормальное оформление элементов ввода будет очень сложно.
2. Нужно понимать, что и для чего сбрасываешь.
3. Вопросы зависимости производительности от верстки инограда имеют место быть, не думаю, что этот пример повлияет положительно.

* { margin: 0; padding: 0; } No Longer Cool

________________

Тогда уж лучше так: http://developer.yahoo.com/yui/reset/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

Интересно, почему не объединили fieldset,img и abbr,acronym, наспех делали? :-) А еще свойство border составное, для сброса принято писать значение none.

[B~Vladi]

Кстати, вот недавно пытался научить div-ный блок вести себя по ширине так же как по высоте, т. е. растягиваться контентом

А так не катит?!

<div style="display:inline;"></div>

[Влад]

народ возникла новая проблема.. в IE теперь выпирает шапка...
перепробовал все что можно...

<table cellpadding="0" cellspacing="0" style="position:absolute; top:0; left:0; width:100%;"  border="0">
  <tr>
    <td><div style="position:relative; Z-Index:8;"><img src="images/2Shapka471.jpg" width="100%"></div></td>    
  </tr>
  <tr align=right>
    <td>
    <div style="position:absolute; Z-Index:8; left:0; width:100%">
    	<table width=100% border=0>
    	<tr align=right>
    		<td>
    		<?php include("parts/log.php"); ?>
    		</td>
    	</tr>
    	</table>
    </div>
    <div style="position:relative; Z-Index:-10"><img src="images/21Shapka471.JPG" width="100%"></div>
    </td>    
  </tr>
</table>

вот ссылочка http://471.org.ua/v2/
помогите пожалуйста...

[x-yuri]

давай ты начнешь с того, что уберешь все position, кроме position: fixed для меню слева (как сделать чтобы оно работало в ie написано здесь)

[B~Vladi]

А продолжишь тем, что перепишешь всё на дивах