Ciao, ho costruito una pagina html che contiene un div "main" che ne contiene altri tre: il div "title" (in alto), il div "menu" (a destra) e il div "text" (a sinistra).

Il problema è che explorer (e mozilla) spostano il div text quando nel css aggiungo "padding:5px;"...

http://www.epo90.altervista.org/prova/index.html

Sto diventando pazzo VVoVe: VVoVe: VVoVe:

Riporto qui il codice html:



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
www.efrem.tk
</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="FoglioCss.css" type="text/css" />
</head>

<body>
<div align="center" id="main">

<div id="title">
[img]title.jpg[/img]
</div>

<div id="menu">
[img]bgmenu.jpg[/img]
link uno</br>link due
</div>

<div id="text"><font>prova testo prova prova prova testo prova testo prova prova prova testo prova testo prova prova prova testo prova testo prova prova prova testo prova testo prova prova prova testo prova testo prova prova prova testo </font>
</div>
</div>

</body>
</html>



e qui il css:


.foglioCss {
}
body, html {
height:100%;
margin:0;
}
div#menu {
width:220px;
height:100%;
position:relative;
top:-2px;
border:0px none;
float:right;
background-color:#D49FAA;
}
div#text {
width:630px;
position:relative;
top:-2px;
float:left;
padding:5px;
background-color:#006655;



}
div#main {
width:850px;
height:auto;
margin:auto;
background-color:#2aff00;
text-align:justify;
}
div#title {
width:850px;
height:250px;
}