Witam mam o to taki kod html-a
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<?php include('head.php') ?>
<title> Strona Główna </title>
<link rel="stylesheet" href=" style.css " type="text/css" />
</head>
<body>
<div id="top"><?php include('top.php') ?></div>
<div id="NAGLOWEK"><?php include('naglowek.php') ?></div>
<div id="MENU">Menu nawigacyjne
<?php include('menu.php') ?>
</div>
<div id="TRESC">Główna</div>
<div id="STOPKA">
<?php include('stopka.php') ?>
</div>
</body>
</html>
i taki css
html, body {
margin-right: auto;
margin-left: auto;
background-color: #fff;
color: #000;
width: 780px;
padding: 0;
}
#top {
width: 780px;
}
#NAGLOWEK {
background-color: #888;
}
#MENU {
width: 150px;
float: left;
overflow: hidden;
background-color: #ccc;
}
#TRESC {
width: 630px;
float: left;
overflow: hidden;
background-color: #fff;
}
#STOPKA {
clear: both;
width: 100%;
background-color: #888;
}
ul, ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
Chodzi mi o to, że długość menu nie jest dopasowana do długości strony
jak dodam do #menu
padding-bottom: 10000px;
margin-bottom: -10000px;
to menu wyjeżdża mi aż za stopkę.
Chyba, że cały szkielet strony zrobionej na divach jest źle zrobiony, także proszę o jakąś podpowiedź