CIAO a tutti!Ho un problema penso con i div...voglio creare una pagina con un header, 3 colonne ed un footer...xò mi sa che ho un problema con le altezze delle colonne...
perchè el content (colonna centrale) alla fine ottengo una riga in meno rispetto alle altre due colonne quindi il background delle colonne laterali viene messo anche nella parte finale del content...nn so come fare risolverlo...
Grazie mille dell'aiuto....
Posto il codice...
Allego anche un'immagine del risultato che ottengo e nn riesco a sistemare
<html>
<head>
<title>A.S.D.EAGLES 2007</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body> <div id="container">
<div id="header"><center>
<table cellspacing="10" >
<tr><td width="15%">[img]immagini/logo2.gif[/img]</td>
<td width="70%">
<center><font color="#FFFFFF"><h1><big>A.S.D. EAGLES 2007</big></h1></font></td></center>
<td>[img]immagini/logocsi2.gif[/img]</td>
</tr>
</table></center>
</div>
<div id="information">
<center>
<h4>ASD Eagles 2007:</h4>
Home
Sede
Presidente
Organigramma dirigenziale
Contatti
Storia
<hr noshade size="5" width="50%" align="center">
<h4>Stagione 07/08:</h4>
Rosa
Allenatore
Staff tecnico
Elenco squadre
Calendario
Classifica
<script type="text/javascript" language="JavaScript" src="http://codice.shinystat.com/cgi-bin/getcod.cgi?USER=ASDEagles"></script>
<noscript>
<a href="http://www.shinystat.com/it" target="_top">
</a>
</noscript>
<div align=center>[img]immagini/bandiera_italia.gif[/img]
[img]immagini/bandiera_inghilterra.gif[/img]
</div>
</center></div>
<div id="user"><center>
<h4>Area Marketing:</h4>
I nostri sponsor
Diventa nostro sponsor
I nostri soci
Diventa nostro socio
Promozioni in corso
Eventi
<hr noshade size="5" width="50%" align="center">
<h4>Fotogallery:</h4>
Allenamenti
Campionato
Eventi extra calcistici<center>
<center>[img]immagini/mascotte3.gif[/img]</img></center>
</div>
<div id="content">
<center>[img]immagini/tmp.jpg[/img]</center>
<center><h4>Newsboard:</h4></center>
<table border=15 bordercolor="#660000" width=500 height=100>
<td><marquee direction="up" bgcolor="#ffffff" scrolldelay="350">
- <h3>primo elemento</h3>
- <h3>secondo elemento</h3>
- <h3>terzo elemento</h3>
</marquee>
</td>
</table>
<!--<table><tr><td>
<div align=left>
<form action=UltimaPartita.html>
<input type="button" value="Ultima Partita">
</form>
</div></td>
 
<td><div align=center>
<form action=classifica.html>
<input type="button" value="Classifica">
</form>
</div></td>
<td><div align=right>
<form action=ProssimaPartita.html>
<input type="button" value="Prossima Partita">
</form>
</div></td></tr></table>-->
<form action=UltimoTurno.html target="_blank">
<input type="image" src="immagini/button_partita.gif"value="Ultimo Turno">
<form action=ProssimoTurno.html target="_blank">
<input type="image" src="immagini/button_prossimoturno.gif"value="Prossimo Turno">
</form>
<center> <form action=Classifica.html target="_blank">
<input type="image" src="immagini/button_classifica.gif"value="Classifica">
</form>
<marquee behavior="alternate" bgcolor="#ffffff" scrolldelay="200"><h1>Lascia QUI il tuo commento...</h1></marquee>
<marquee direction="right" bgcolor="#ffffff" scrolldelay="200"><h1>Vota QUI la canzone della settimana...</h1></marquee></center>
</div>
<div class="textimage"></div>
<div class="clearer"></div>
</div>
</div>
<div id="footer">A.S.D.Eagles 2007 via Bologna 9, 20020 Canegrate (MI) Tel.0331/407167 Cell.338/6903002
<BGSOUND SRC="Europe - The Final Countdown.wav" LOOP=INFINITE></div>
</div>
</body>
</html>
Questo invece è il codice del css:
<style>
/* Stile della pagina */
html,body { margin: 0; padding: 0;}
body { font-family: Georgia; font-size: 76%;}
h1,h2,h3,h4 { margin: 0; padding:0;}
h1 { padding-left:10px; font: bold 2.3em/80px Georgia;}
h2 { color: #330000; font-size: 1.2em;}
h3 { color: #330000; font-size: 1em;}
h4 { color: #ffffff; font-size: 2em;}
a {color: #FFFFFF}
a:link {COLOR: #FFFFFF}
a:hover {COLOR: #330000}
a:visited {COLOR: 660000}
/*-------------------------------- Stile dei div -----------------------------------------/*-----------------------------header--------------------------------------------*/
div#header { background-color: #660000; color: #ffffff; border: 1px solid black; font: normal bold 3.5em/4.0em;}
div#header { font-family: Georgia, Verdana, sans-serif;
font-size: 38px;
color:#ffffff;}
/*------------------------------footer-------------------------------------------*/
div#footer {
clear: both;
text-align:center;
padding: 5px 0;
background-color: #660000;
color: #ffff;
border: 1px solid black;
}
div#footer a { color:#ffff; font-weight: bold; text-decoration: underline;}
div#footer { background-color: #660000; color: #ffffff; border: 1px solid black;}
/*-------------------------------Information----------------------------------------*/
div#information {
float: left;
width: 150px; /* Dimensioni per Opera 5 */
\width: 170px; /* Dimensioni per Explorer 5.x */
w\idth: 160px; /* Altri browser */
padding: 1em 0 0 10px;
}
div#information {
background-color:#ff8141;
font-family: Georgia, Verdana, sans-serif;
}
div#information ul {margin: 0; padding: 0; list-style-type: none;}
div#information li {margin: 0; padding: 0;}
div#information a {color: #660000; font: normal bold 1.4em Georgia; text-decoration: none;}
div#information a:hover {color: #ffffff; text-decoration: none;}
div#information a#activelink {color: #ffffff; text-decoration: none;}
div#information {font-size: 90%;}
/*-------------------------------user----------------------------------------*/
div#user {
float: right;
width: 150px; /* Dimensioni per Opera 5 */
\width: 170px; /* Dimensioni per Explorer 5.x */
w\idth: 160px; /* Altri browser */
padding: 1em 0 0 10px;
}
div#user {
background-color:#ff8141;
font-family: Georgia, Verdana, sans-serif;
}
div#user div.newsbox{font-size: 90%;margin-bottom: 2em}
div#user div.newsbox p{margin: 0}
div#user a {color: #660000; font: normal bold 1.4em Georgia; text-decoration: none;}
div#user a:hover {color: #ffffff; text-decoration: none;}
div#user a#activelink {color: #ffffff; text-decoration: none;}
div#user {font-size: 90%;}
/*-------------------------------content----------------------------------------*/
div#content {
margin: 0 170px;
padding: 1em 10px;
border-width: 0 1px;
border-style: solid;
border-color: #cccc;
background-color: #FFFFFF;
color: #330000;
}
div#content a {color: #330000; font: normal bold 1.2em/1.4em; text-decoration: none;}
div#content a:hover {color: #990000; text-decoration: none;}
div#content h4 {color: #660000}
/*-------------------------------container----------------------------------------*/
div#container { background-color: #ff8141;}
/* Per l'impaginazione dei contenuti in caso di testi e immagini */
div.textimage img {
float:left;
margin: 10px;
}
div.textimage h2, div.textimage p{ margin:0 10px; padding: 0; }
div.textimage h2 { margin-top: 10px;}
div.clearer { clear: left;}
/* --------------------------------Fine Div---------------------------------------------
/*----------------------------------Form----------------------------------------------form#form1 {
background: #FFFFFF;
border: 1px solid #000000;
font: 12px georgia;
color: #ffffff;
}
</style>
Rispondi quotando
