FXIX

Решение - обернуть меню в дополнительный пустой див без стилей.

Да онлайн пока нету, не выкладывал. Это не IE6 а IE 7 такое творит. Как разберусь напишу

Проблема в IE. В остальных все нормально. Ткните пальцем где туплю. XTML: <div id="head"> <a class="motto" href="#" >Сайт - это просто!</a> <a class="logo" href="#" ><span>Хорошие сайты</span></a> <ul class="advnav"> <li><a class="home" href="#">home</a></li> <li><a class="sitemap" href="#">sitemap</a></li> <li><a class="mail" href="#">mail</a></li> </ul> <!--.menu -основное меню--> <ul class="menu"> <li> <a href="#">Услуги</a> </li> <li> <a href="#">Тарифы</a> </li> <li> <a href="#">Хостинг</a> </li> <li> <a href="#">Портфолио</a> </li> <li> <a href="#">Калькулятор</a> </li> <li class="lastb"> <a title="Контакты" href="#">Контакты</a> </li> </ul> </div> CSS: #head { overflow:hidden; } a.motto { float:left; margin:82px 0 0 2px; display:block; width:285px; height:35px; } a.logo { display:block; width:104px; height:108px; position:relative; float:right; margin-top:25px; } ul.advnav { float:right; margin:21px 42px 0 0; } ul.menu { overflow:hidden; background:url(../pc/i/menu-razdel-bg.gif) 0 0 repeat-x #458101; clear:both; float:right; margin-top:19px; } В общем словами. Шапка обертка overflow:hidden;. Слоган .motto зафлоачен налево. Красный логотип .logo зафлоачен направо. Доп.навигация advnav встает между ними и прибиваем ее вправо, зафлоачивания направо. Главное меню .menu зафлоаченно направо. Во всех браузерах все нормально, кроме IE. В нормальных браузерах: Безобразие в IE:

Пришлось решить проблему так: В документе: <!–[if lte IE 6]><style type="text/css">@import "iestyle.css" all;</style><![endif]–> <link href="style.css" rel="stylesheet" type="text/css" media="all" charset="utf-8" /> Причем именно в таком порядке. Т.о. IE сначала загрузит "свой" файл, потом общий. Если наоборот то сначала загрузится "неправильный" общий а потом только iestyle.css, что считаю неправильным, учитывая что для IE там куча фиксов для полупрозрачных PNG. Если в самом файле стилей писать @import "iestyle.css" all; то это тоже нужно писать в начале файла а не в конце, по тем же причинам. Я правильно все понимаю? И еще такой момент. Есть ли разница между: <!–[if lte IE 6]><style type="text/css">@import "iestyle.css" all;</style><![endif]–> и <!–[if lte IE 6]><link href="iestyle.css" rel="stylesheet" type="text/css" media="all" charset="utf-8" /><![endif]–>

Для IE: min-width:1024px; width: expression(document.body.clientWidth > 1024 ? "100%" : "1024px");

Не "ну и что" а захотелось чтобы грузилось все в один поток. Один файл стилей который грузят все браузеры, в том числе и IE. Только IE грузит еще доп. файл который импортен в главный файл. Где-то видел даже решение, давно еще, не могу найти где.

Не знаю может баян, не нашел ответа. В общем дано: 1. index.html: <link href="style.css" rel="stylesheet" type="text/css" media="all" charset="utf-8" /> 2. style.css 3. iestyle.css Как грамотней подключить iestyle.css ? Варианты: 1. В index.html пишем <!–[if lte IE 6]><style type="text/css">@import url("iestyle.css"); </style><![endif]–> 2. В style.css пишем @import "iestyle.css" all; В первом варианте грузим в два потока(для IE) что нежелательно, во втором варианте нет условий для @import, т.е. грузят все браузеры. Как быть? Идеальным решением был бы второй вариант если бы для него можно было задать условие (if IE). Или я много хочу?

Azadi спасибо. Вопрос интересовал как чисто теоретический. При известной ширине решение я знал. klierik вопрос был именно про зафлоаченные div-ы. То что навигации\менюшки\листинги нужно делать через списки я знаю. Я сам долго бился перед тем как сюда запостить Кстати чем принципиально отличаются два вида выравнивания div-а? 1. div { width:300px; margin:0 auto; } 2. div { width:300px; position:relative; left:50%; margin-left:-150px; }

Вопрос к гуру. Существует ли решение? Нужно выровнять весь блок по горизонтали. <div> <div style="float: left;">1</div> <div style="float: left;">2</div> <div style="float: left;">3</div> <div style="float: left;">4</div> <div style="float: left;">5</div> <div style="float: left;">6</div> <div style="float: left;">7</div> <div style="float: left;">8</div> </div>