[/Габриэль/]

Нужен совет по 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
include("includes/header.php");
?>

<?php
include("includes/menu.php");
?>

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

<?php
include("includes/footer.php");
?>

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

Comments

[Фиолетовая Кошка]

а как оно выглядит, можно принт-скрин?

[/Габриэль/]

счас с принскрином сложновато, выглядит так, что все блоки наползли друг на друга: на лого наполз блок меню и текст, на них же - нижний блок футер. По горизонтали - все путем.... как надо.

[/Габриэль/]

я могу весь сайт куда нить скинуть... я через денвер открываю...

[Фиолетовая Кошка]

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

[/Габриэль/]

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