Ho un problema con l'impaginazione tramite css.
Di seguito vi mostro il mio css:
- Codice: Seleziona tutto
html,body{
margin: 0;
padding:0
}
body{
font-family: arial,sans-serif;
font-size: 12px;
text-align: center
}
div#footer{
background: #FFFFFF;
text-align: center;
padding: 12em 0 0 0;
}
div#container{
position:relative;
width: 760px;
margin: 0 auto;
text-align: left;
/*border-left: 1px solid #36c;
border-right: 1px solid #36c;*/
border: solid;
border-width: 1px;
border-color: #36c;
background-color: white;
}
/*stili generici, su header e footer*/
div#header{
height: 80px;
background-color:#FFFFFF;
color: #ff0;
text-align: center;
}
div#navigation{
width: 100px;
float: left;
text-align: left;
text-decoration: none;
border-right: 1px solid #36c;
padding: 1 0 1 2em;
}
div#content{
/*margin-right: 13em;
*/padding: 1em;
background-color: #fff
}
/*----------------------------------------------------------------------------*/
/*Stili per la navigazione */
/*----------------------------------------------------------------------------*/
div#navigation ul{
margin: 0 0 20px;
padding: 0;
list-style-type: none
}
div#navigation ul a{
display:block;
width: 90px;
color: #0066CC;
font-weight:bold;
text-decoration: none
}
div#navigation ul a:hover{
background-color: #ffcb31;
color: #0066CC;
display:block;
line-height:14px;
padding-left:5px;
}
div#navigation ul a#activelink{
color: #0066CC;
text-decoration: none
}
- Codice: Seleziona tutto
<?php
//attivo la sessione
session_start();
?>
<html>
<head>
<title>LogIn</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="template/my_css.css">
</head>
<body>
<div id = "container">
<div id = "header">
<table border = "0" align="center">
<tr>
<td><img class = "contenitore" src="immagini/banner.jpg"></td>
</tr>
</table>
</div>
<div id="navigation">
<ul>
<li><a id="activelink" href="#">Home</a></li>
<li><a href="#">Pillole</a></li>
<li><a href="#">Contenuti</a></li>
<li><a href="#">Grafica</a></li>
<li><a href="#">Linguaggi</a></li>
<li><a href="#">Webdesign</a></li>
<li><a href="#">Software</a></li>
<li><a href="#">Contenuti</a></li>
<li><a href="#">Grafica</a></li>
<li><a href="#">Linguaggi</a></li>
<li><a href="#">Webdesign</a></li>
<li><a href="#">Software</a></li>
</ul>
</div>
<div id = "footer">
</div>
<table border = "0" align="center">
<tr>
<td><img class = "contenitore" src="immagini/downpage.jpg"></td>
</tr>
</table>
</div>
</div>
</body>
</html>
- In explorer funziona tutto alla perfezione l'immagine di testa e quella di piede mi si visualizzano una in cima e l'altra alla fine del documento, mentre in firefox questa mi viene spostata di fianco al menu a meno che non inserisca una serie di <br> nel div content.
- Il bordo della pagina in explorer viene visualizzato correttamente, mentre in firefox, viene visualizzato fin sotto alla immagine di testa e poi mi taglia il menu.
ora mi chiedo come mai no funziona, qualcuno mi sa dare una mano??
come faccio a far si che se aggiungo qualche cosa collegamento al menu, anche la pagina e il relativo bordo attorno a tutta la pagina mi viene visualizzato e si allunghi automaticamente..
sperando di essere stato abbastanza chiara ..
ringrazio anticipatamente