17:05 

/Габриэль/
Не плыви по течению, плыви туда, куда хочешь плыть. (китайская мудрость)
Нужен совет по CSS. Я пытаюсь освоить верстку, но пока все валится друг на друга...

Это часть стилей: всего 4 разных div с классами соответственно.
div.logo{position:absolute;
top:5px;
display: block;
width: 100%;
background: #800517; text-align: center; clear:both; padding: 5px}

div.menu{position:absolute;
left:5px;
display: inline;
background: #C68E17; padding: 5px; width: 20%}

div.text{position:absolute;
right:5px;
display: inline;
background: #7D2252; width: 70%; text-indent: 20px; text-align: justify; color: #EEE8AA; font: medium Sylfaen, Times New Roman}

div.footer{position:absolute;
bottom:5px;
right:5px;
display: block;
width: 100%;
text-align: right; background: #ffffff; font: medium Sylfaen, Times New Roman}

Это собственно тело сайта. На вставки php можно вообще не обращать внимание:





<?php
if ($_GET["page"]!="")
{
@include("pages/".$_GET["page"]);
}
else
{
@include("pages/main.php");
}
?>





В результате у меня все валится друг на друга и получается полный алес. По горизонтали - все путем, расстояния,отступы, стили применяются. Но сами блоки - друг на друге. В моем учебнике про это - ни слова и такое ощущение, что обтекание, если не задано -то как блок расположился, так и расположился, второй под ним и т.д.
У меня все смешалось... Что не так? Как это сделать?

URL
Комментарии
2011-11-02 в 17:37 

Фиолетовая Кошка
мыслим глобально, действуем по вштыру
а как оно выглядит, можно принт-скрин?

2011-11-02 в 17:42 

/Габриэль/
Не плыви по течению, плыви туда, куда хочешь плыть. (китайская мудрость)
счас с принскрином сложновато, выглядит так, что все блоки наползли друг на друга: на лого наполз блок меню и текст, на них же - нижний блок футер. По горизонтали - все путем.... как надо.

URL
2011-11-02 в 17:43 

/Габриэль/
Не плыви по течению, плыви туда, куда хочешь плыть. (китайская мудрость)
я могу весь сайт куда нить скинуть... я через денвер открываю...

URL
2011-11-02 в 17:46 

Фиолетовая Кошка
мыслим глобально, действуем по вштыру
Плохо представляю. Если в общем, то можно попробовать:
- раскидать блоки вправо/влево с помощью float: left и float:right в цсс
- отгородить друг от друга margin'ами, чтобы блоки не соприкасались границами

2011-11-02 в 17:52 

/Габриэль/
Не плыви по течению, плыви туда, куда хочешь плыть. (китайская мудрость)
Фиолетовая Кошка,
float: left и float:right
пыталась... не вышло.
У меня проблема в том, что блоки перекрывают друг-друга. Т.е. не то, что между ними границ нет, а то что они просто друг на друге полностью!

URL
     

Слева по борту рай

главная