Создать форум бесплатно: ixbb.ru :: Календарь на Май 2024 года: calendar2008.ru/2024/may/

Страницы: (2) [1] 2  ( Перейти к первому непрочитанному сообщению ) Reply to this topicStart new topicStart Poll

Аналог float

, IE не воспринимает.
Подписка на тему | Сообщить другу | Версия для печати
blast
Отправлено: Aug 12 2008, 08:26 PM
Quote Post


  Солдат
*

Группа: Members
Сообщений: 7
Пользователь №: 1720
Регистрация:
24-July 08
Как разместить два слоя с заданной шириной рядом по горизонтали(для IE 6)?
float: left не воспринимается.
PMEmail Poster
Top
Splash
Отправлено: Aug 12 2008, 09:53 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 1167
Пользователь №: 675
Регистрация:
29-April 07
По идее должно восприниматься..,
float воспринимается даже в IE 5.5
может проблема в другом?!


--------------------
Забавные поздравления в стихах и прозе
PMUsers WebsiteICQ
Top
blast
Отправлено: Aug 12 2008, 10:32 PM
Quote Post


  Солдат
*

Группа: Members
Сообщений: 7
Пользователь №: 1720
Регистрация:
24-July 08
Не знаю в чем дело, в мозиле все норм отображается.

В css

body {
width: 800px;
height: 100%;
min-height: 600px;
margin: 0 auto;
border: 4px double black;
background: green;
}

#header {
width: 800px;
height: 100px;
border: 1px solid red;
}

#sidebar {
width: 200px;
height: 100%;
min-height: 400px;
border: 1px solid black;
float: left;
}

#main {
width: 600px;
height: 100%;
min-height: 400px;
border: 1px solid blue;
margin: 0 0 0 200px;
}

#clear {
clear: both;
}

#footer {
width: 800px;
height: 100px;
border: 1px solid black;
}

В html

<body>
<div id="header"></div>
<div id="sidebar"></div>
<div id="main"></div>
<div id="clear"></div>
<div id="footer"></div>
</body>
PMEmail Poster
Top
Splash
Отправлено: Aug 12 2008, 10:49 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 1167
Пользователь №: 675
Регистрация:
29-April 07
Попробуйте на писать так:

#sidebar {
width: 200px;
height: 100%;
min-height: 400px;
border: 1px solid black;
left: 0px;
}


--------------------
Забавные поздравления в стихах и прозе
PMUsers WebsiteICQ
Top
blast
Отправлено: Aug 12 2008, 11:11 PM
Quote Post


  Солдат
*

Группа: Members
Сообщений: 7
Пользователь №: 1720
Регистрация:
24-July 08
QUOTE (Splash @ Aug 12 2008, 10:49 PM)
Попробуйте на писать так:

#sidebar {
width: 200px;
height: 100%;
min-height: 400px;
border: 1px solid black;
left: 0px;
}

Так тоже не получается.
Если убрать из css

body {
width: 800px;
height: 100%;
min-height: 600px;
margin: 0 auto;
border: 4px double black;
background: green;
}

Все встает на свои места, но min-height: 600px не работает, т.к. EI 6 не поддерживает этот атрибут, есть вариант вставить js, но если он у кого нить отключен, опять же работать не будет.
PMEmail Poster
Top
Splash
Отправлено: Aug 12 2008, 11:36 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 1167
Пользователь №: 675
Регистрация:
29-April 07
я вообще атрибутом min-height: 600px; никогда не пользовался


--------------------
Забавные поздравления в стихах и прозе
PMUsers WebsiteICQ
Top
Spartak
Отправлено: Aug 13 2008, 07:37 AM
Quote Post


  Генерал
*

Группа: Members
Сообщений: 332
Пользователь №: 245
Регистрация:
19-January 07
Ты body пишешь 800рх и sidebar+main=800рх. Нужно учесть еще толщину рамок и отступов.


--------------------
My Webpage
PMEmail PosterUsers Website
Top
Splash
Отправлено: Aug 13 2008, 01:00 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 1167
Пользователь №: 675
Регистрация:
29-April 07
также не стоит забывать про margin и padding


--------------------
Забавные поздравления в стихах и прозе
PMUsers WebsiteICQ
Top
blast
Отправлено: Aug 13 2008, 03:06 PM
Quote Post


  Солдат
*

Группа: Members
Сообщений: 7
Пользователь №: 1720
Регистрация:
24-July 08
Разобрался, спасибо.
Просто меня смутило, что в мозиле все норм а в IE один слой ниже.
PMEmail Poster
Top
Spartak
Отправлено: Aug 13 2008, 03:23 PM
Quote Post


  Генерал
*

Группа: Members
Сообщений: 332
Пользователь №: 245
Регистрация:
19-January 07
QUOTE
Некоторые браузеры достаточно свободно трактуют понятие ширины, хотя в спецификации CSS четко указано, что ширина складывается из суммы следующих параметров: ширины самого блока (width), отступов (margin), полей (padding) и границ (border).
Выдержка из статьи Влада Мержевича.


--------------------
My Webpage
PMEmail PosterUsers Website
Top
« Предыдущая тема | Все об html | Следующая тема »

Topic OptionsСтраницы: (2) [1] 2  Reply to this topicStart new topicStart Poll

 



[ Script Execution time: 0.0333 ]   [ 10 queries used ]   [ GZIP выключен ]

Powered by Invision Power Board 1.3 (U) © 2003  IPS, Inc.