Chodzi o to, że nagłówki są niżej, niż powinny być, o jakieś 10 pikseli. W Operze jest w porządku. Nie udało mi się znaleźć winowajcy w postaci marginesów ani floatów. Drugi problem to stopka - w Firefoksie stoi w miejscu, niezależnie od długości tekstu. Nawet position nie zdefiniowałem. Trzeci problem, to, że jak includowany jest plik pozbawiony treści, cała strona przesuwa się o jakieś 5 pikseli w bok. Gdy wczytuję rozbudowany dokument, strona wraca do poprzedniej pozycji i tak można w kółko. Nie mam pojęcia, co zrobić, żeby cały czas trzymała się w jednym miejscu, niezależnie od includowanych plików.

Kod pliku .css

Kod
body {
margin-top:  10;
margin-left:auto;
margin-right:auto;
padding: 0;
width: 950px;
text-align: center;
}

div#top {
width: 100%;
font-family: tahoma;
font-size: 30px;
text-align: right;
height: 80px;
background: #F1F1F1;
border-style: dotted;
border-width: 1px;
}

h1 {
width: 807px;
clear: both;
line-height: 20px;
background: #F1F1F1;
border-style: dotted;
border-width: 1px;
font-family: tahoma;
font-size: 11px;
padding: 1px;
text-align: center;
}

div#glowny {
width: 100%;
height: 800px;

}

div#menu {
float: left;
text-align: left;
width: 115px;
height: 100px;
border-style: dotted;
border-width: 1px;
font-family: tahoma;
font-size: 11px;
padding: 10px;
background: #F1F1F1;

}

div#tresc {

float: right;
width: 811px;
height: 100%;
font-family: tahoma;
font-size: 11px;
padding: 0px;
}

div#stopka {
width: 100%;
background: #F1F1F1;
clear: both;
margin: auto;
line-height: 20px;
text-align: right;
border-style: dotted;
border-width: 1px;
padding: 1px;
font-family: tahoma;
font-size: 11px;

}


Plik html z div'ami:

Kod
<html>

     <HEAD>
           <title>[ MM alias Tonic ]</title>
        <LINK REL='stylesheet' TYPE='text/css' HREF='style.css'>
        <meta http-equiv="content-type" content="text/html; charset=utf-8">
              <meta name="keywords" CONTENT="ciach">
         </HEAD>
<body bgcolor="white">

<div id="top"><h2>MM alias Tonic</h2></div>
<P>
<div id="glowny">
 <div id="menu">
  <a class="menu" href="index.php?id=newsy"><li>test</li></a><br>
  <a class="menu" href="index.php?id=test"><li>test</li></a><br>
  [ciach!]
</div>
<div id="tresc">
<?php
if($_GET['id']!="")
{
switch( $_GET['id']) {

case 'test':
include 'pages/test.php';
break;
[ciach!]

}
}
else include 'pages/test.php';
?>

</div>
</div>

<P>
<div id="stopka">blabla <a class="menu" href="blabla">blabla</a></div>


</body>
</html>