HTML+CSS+JavaScript

как заставить ие-6 не добавлять при float элементу display:block?
тоесть чтобы ширина зависила от контента как в фф или опера.. ?

<div class="div1"><div>111</div></div> <style> .div1 {float: left}; * html .div1 * {float: left;} </style>

хотя ИЕ7 тоже такую херь мутит, так шо можно так:

<style> .div1 {float: left}; .div1 * {//float: left;} </style>

для ИЕ разных версий лучше подключать свою цсс

<!--[if lt IE 7]><link href="css/_ie6.css" rel="stylesheet" type="text/css" media="all" /><![endif]-->

у меня в блоке всё едет:(
там много элементов с разными флоатами и без них :(

общий совет я дал, теперь надо смотреть конкретнее

да спасибо, без моих заморочек всё работает..
получилось сделать через помещение каждого елемента в таблицу.. её ие не тянет..

но понятно что это криво и не красиво :)

вот общий код:
#CSS

.flat { float:left } .flat span.links {     float: right;     clear: both; } .flat span.links a {     float: left; }

#HTML

<div class="{$FLAT['css']}">     <h2><b><b>»<a href="{$_langPrefix}/flats/view/{$FLAT['alias']}">{$FLAT['name']}</a></b></b></h2>     <div class="inner">         <a href="{$_langPrefix}/flats/view/{$FLAT['alias']}" class="img" title="{$_L['flats']['view']} {$FLAT['name']}"><img src="{$FLAT['logo']}" style="width: {$_FLATS_CFG['logo_w']}px; height: {$_FLATS_CFG['logo_h']}px"></a>         <dl>             <dt{$hlight['price']}>{$_L['price']['price']}</dt>             <dd><a href="{$FLAT_S['price']}{$FLAT['price_int']}" title="{$_L['misc']['search']} / {$_L['price']['price']} / {$_L['price']['to']} {$FLAT['price']}"><b>{$FLAT['price']}</b> / {$_L['flats']['price_per_night']}</a></dd>             <dt{$hlight['region']}>{$_L['flats']['region']}</dt>             <dd><a href="{$FLAT_S['region']}{$FLAT['region_int']}" title="{$_L['misc']['search']} / {$_L['flats']['region']} / {$FLAT['region']}">{$FLAT['region']}</a></dd>             <dt{$hlight['rooms']}>{$_L['flats']['rooms']}</dt>             <dd><a href="{$FLAT_S['rooms']}{$FLAT['rooms']}" title="{$_L['misc']['search']} / {$_L['flats']['rooms']} / {$FLAT['rooms']}">{$FLAT['rooms']}</a></dd>             <dt{$hlight['id']}>#id</dt>             <dd><a href="{$FLAT_S['id']}{$FLAT['id']}" title="{$_L['misc']['search']} / #id / {$FLAT['id']}">{$FLAT['id']}</a></dd>         </dl>     </div>     <span class="links"><a href="{$_langPrefix}/flats/view/{$FLAT['alias']}" title="{$_L['flats']['view']} {$FLAT['name']}" class="v"><img src="/i/0.gif"></a><a href="{$_langPrefix}/flats/reserve/{$FLAT['alias']}" title="{$_L['flats']['reserve']} {$FLAT['name']}" class="r"><img src="/i/0.gif"></a></span> </div>

всё остальное без флоатов но нужные с полной шириной для картинок и т.д.

но понятно что это криво и не красиво :)
эм... ничего это не криво и не не красиво :) главная задача - кроссбраузерная нормальная работа, а не валидная вёрстка или красивый и модный код в непонятно чьем понимании

как-то так

.flat { float:left; overflow: hidden; //zoom: 1; } .flat h2 { float:left; } .flat div.inner { float:left; clear: both; }