Xwab
Форумыnavigate_nextHTML/CSS

Разметка | div'ы
Сообщения
EmptyZero

Нужно сделать следущее:
в диве лежат еще три дива; первый с параметрами(например: width: 90%; height: 50px;) , второй див и третий должны быть вертикально паралельны. Как это сделать - не помню, помоему с помощью float. Help me, please.
<div class="main">
<div class="top_blok"></div>
<div class="left_blok"></div>
<div class="center_blok"></div>
</div>
^^^ - вот так выглядит в html, а что писать в css - хз.


__________
посл.ред. 04 Апр 2011, 15:19; всего 1 раз 04 Апр 2011, 15:12
Sceptic

Нарисуй в Paint'e то, что ты хочешь, и выложи сюда, иначе непонятно.

04 Апр 2011, 15:18
EmptyZero

Я с телефона.
добавлено спустя 9 минут:
Вот с тела наривовал так  :
____________________
|top_blok ----------|
|___________________|
______ ______________
|left_| |center_blok|
|blok| |--------------|
|----- | |--------------|
|----- | |--------------|
|_____| |____________ |

думаю понятно
и... извините за извращение

04 Апр 2011, 15:29
Sceptic

.top_blok {width: 100%; padding: 1px}
.left_blok {float: left; width: 30%; margin: 1px}
.center_blok {float: right; width: 70%; margin: 1px}
Пробуй

04 Апр 2011, 15:42
EmptyZero

Sceptic, спасибо. Сейчас испытаем

04 Апр 2011, 15:44
Ъb

могут возникнуть баги в некоторых браузерах
мы имеем у двух дивов ширину 30% и 70% что в совокупности дает 100%
так же мы имеем margin: 1px что в ширине дает нам 4 пикселя, получается что общая ширина равна 100% + 4px и приводит к некоторым косякам, лучше соотношение в процентах урезать везде на 1 процент и выровнять по серидине

Ниже пример этой баги

04 Апр 2011, 17:37
EmptyZero

Ъb, спасибо за справку. Я беру по пикселям ширину, т.к. потом во всех браузерах выводится одинаково.

04 Апр 2011, 20:54
higimo

Лучше одинаковый float писать

05 Апр 2011, 9:57
EmptyZero

higimo, всмысле?
добавлено спустя 19 часов 8 минут:
Еще вопросик: как сделать, чтобы текст не выходил за рамки дива?

06 Апр 2011, 15:08
higimo

Покажи страницу. Я тебе код в замен напишу

07 Апр 2011, 8:43
Ответить на тему