ТвойWeb :: Версия для печати :: 2 дива по центру [2]

11. awep - 01 Декабря, 2007 - 13:26:39 - перейти к сообщению

Alone, ты меня извини, но ты сам свой код проверял? мало того, что абсолютно не по теме, так он еще и по-разному в разных браузерах работает...
и вообще, причем тут padding в блоках? Я не профи, но с CSS работаю уже немало времени, но тем не менее понять не могу, в чем тут смысл...

где можно узнать точный ответ: реально ли вообще сделать так, как я хочу?

12. Alone - 01 Декабря, 2007 - 13:57:07 - перейти к сообщению

А где ты видел дивы работающие одинаково во всех браузерах?

Но имхо по-моему ты сам не понимаешь тему которую открыл...

13. Ray Wen - 01 Декабря, 2007 - 14:08:42 - перейти к сообщению

awep
Когда один блок в другом, еще можно, иначе без третьего не обойтись...

14. Lonely wanderer - 01 Декабря, 2007 - 16:42:27 - перейти к сообщению

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Блоки</title>
</head>

<body style="margin:0 auto; padding:0; width:700px;">
<div style="width:200px; float:left; text-align:left; background:#FF0000;">1 Блок</div>
<div style="width:500px; float:left; text-align:left; background:#0000FF;">2 Блок</div>
</body>
</html>

15. awep - 02 Декабря, 2007 - 05:32:32 - перейти к сообщению

Lonely wanderer, интересный способ, нормально работает в IE6, Opera, FF.
Но в любой бочке меда есть хоть какое-нибудь количество дегтя. В данном случае имею ввиду то, что если содержимое какого-либо из блоков превышает ширину блока, то проблема - браузеры опять же работают по-разному: Opera и FF обрезают, IE6 - переносит вниз(даже если overflow: visible)...

объясню, как бы мне хотелось:
2 блока, 200 и 500 пкс, выровнены по центру. третий, шириной 700пкс, внизу(футер). Второй блок может растягиваться(когда содержимое шире) без влияния на другие блоки, т.е. по прежнему остается выравнивание по центру.
Судя по всему, без объединяющего блока не обойтись. Поэтому жду любые варианты. Помогите пожалуйста...

Alone пишет:

Ну ведь ты не хочешь сказать, что сайты, написанные на div'ах, отображаются по-разному? Я, конечно, не говорю, что во всех. Я имею ввиду основные - Opera, FF, IE.
И с чего ты решил, что я не понимаю тему? Почему остальные понимают, а ты утверждаешь, что даже я сам не понимаю? Я поднял тему, потому что не знаю, как сделать. Да, этого я не понимаю. Знал бы - не спрашивал.

16. Alone - 02 Декабря, 2007 - 06:33:56 - перейти к сообщению

awep пишет:

Ну ведь ты не хочешь сказать, что сайты, написанные на div'ах, отображаются по-разному? Я, конечно, не говорю, что во всех. Я имею ввиду основные - Opera, FF, IE.

Я ещё не разу не видел такие.
Ну если конечно сравнивать такой вариант:

CODE:

<div style="font-weight: bold;">что-нибудь типа текста</div>

то будет одинаково )))
А если сложнее - то уже вряд ли.

Чесно говоря я не понимаю почему я не в теме. Объяснил бы кто.

Это тоже не в теме?

CODE:

body { margin: 0px 20% 0px 20%; }

.menu
{
width: 200px;
float: left;
text-align: center;
}

.content
{
width: 40%;
float: right;
text-align: center;
}

<div class="menu">
Первый блок
</div>

<div class="content">
Второй блок
</div>

17. Ray Wen - 02 Декабря, 2007 - 07:39:41 - перейти к сообщению

Alone пишет:

Это тоже не в теме?

Совершенно верно...

awep пишет:

Второй блок может растягиваться(когда содержимое шире) без влияния на другие блоки, т.е. по прежнему остается выравнивание по центру.

Этого ты не сделаешь на блоках, используй таблицы... Блоки рястягиваются только в IE при заданной ширине, можно только сделать overflow:hidden чтобы орезалось... Тот способ с заданой шириной для body плох тем, что мы используем его как недостающий блок, а следовательно можем сделать заливку страницы только для html(не работает в IE5)...

В общем я в недоумении от твоих экспериментов, не совсем понимаю зачем это нужно... Лишний блок ну никак не повредит поисковикам, лишбы небыло пустых... А растяжку ты все равно не сделаешь таким образом, так что только таблицы.

18. awep - 02 Декабря, 2007 - 11:40:32 - перейти к сообщению

ясно. буду упрощать.
Сам себе проблем наделал Улыбка

А ведь так хотелось на div'ах все сделать...