ho creato una pagina solo che tra la testata e la pancia si vede uno spazio vuoto, come faccio ad eliminare quello spazio?
Lo spazio si vede solo con explorer, con netscape no...
ho creato una pagina solo che tra la testata e la pancia si vede uno spazio vuoto, come faccio ad eliminare quello spazio?
Lo spazio si vede solo con explorer, con netscape no...
<style type="text/css">
<!--
body {font-family: Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:center}
a:link {color: #FE9022; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 13px; TEXT-DECORATION: none; font-weight:bold}
a:active {color: #FE9022; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 13px; TEXT-DECORATION: none; font-weight:bold}
a:visited {color: #FE9022; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 13px; TEXT-DECORATION: none; font-weight:bold}
a:hover {color: #FE9022; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 13px; TEXT-DECORATION: none; font-weight:bold}
h1 {color: #0150BA; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; TEXT-DECORATION: none; font-weight:bold}
h2 {color: #0150BA; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; TEXT-DECORATION: none}
h3 {color: #999999; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; TEXT-DECORATION: none; font-weight:bold}
h4 {color: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; TEXT-DECORATION: none}
h5 {color: #FE9022; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 13px; TEXT-DECORATION: none; font-weight:bold}
h6 {color: #0150BA; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 13px; TEXT-DECORATION: none; font-weight:bold}
h7 {color: #FFC000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; TEXT-DECORATION: none; font-weight:bold}
h8 {color: #FFC000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; TEXT-DECORATION: none}
h9 {color: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; TEXT-DECORATION: none}
code {font-family: Verdana, Arial, Helvetica, sans-serif; display:block; margin:0 0em .0em 0em}
hr {display:none}
/* centrare la pagina web a larghezza fissa */
body { text-align:center }
#testa { width:996px; margin:0 auto; text-align:center }
#sotto_testa { width:996px; margin:0 auto; text-align:center }
#corpo { width:996px; margin:0 auto; text-align:left }
#piedipagina { width:996px; margin:0 auto; text-align:center }
/* testa */
#testa {
position:relative;
border:0px solid #000;
}
#corpo-testa1 {
position:absolute; top:0; left:0;
width: 165px; height: 160px;
background:url(images/header1.gif) repeat-y top left;
padding:0em 0;
}
#corpo-testa2 {
margin:0 165px 0 165px;
border-left:0px solid #000;
border-right:0px dotted #000;
width: 666px; height: 160px;
background:url(images/header2.gif) repeat-y top center;
padding:0em 0;
}
#corpo-testa3 {
position:absolute; top:0; right:0;
width: 165px; height: 160px;
background:url(images/header3.gif) repeat-y top right;
padding:0em 0;
}
#sotto_testa {
position:relative;
border:0px solid #000;
}
#sotto_testa1 {
margin:0px 13px 0 13px;
width: 970px; height: 100px;
background:#f4f4f4;
}
/* corpo */
#corpo {
position:relative;
border:0px solid #000;
}
#corpo-colonna1 {
position:absolute; top:0; left:0;
width: 13px; height: 320px;
background:#ffffff;
padding:0em 0;
}
#corpo-colonna2 {
position:relative; top:0; left:13;
width: 783px; height: 320px;
background:#f4f4f4;
padding:0em 0;
}
#corpo-colonna3 {
position:absolute; top:0; right:13;
width: 200px; height: 320px;
background:#f4f4f4;
padding:0em 0;
}
/*pie' di pagina */
#piedipagina {
position:relative;
background:url(images/fondo_footer_new3.gif) no-repeat bottom center;
width: 996px; height: 100px;
padding:0em 0;
}
-->
</style>
Dovresti farci anche far vedere il codice [X]HTML... e dirci in che punto esattamente riscontri il problema.
Un'altra cosa. Il codice che hai usato per gli elementi h1, h2, h3... è assurdo!
Cioè, i titoli principali (h1), ed i sottotitoli h2, h3, h4 sono uguali. Poi h5 e h6 sono più grandi di h1! E h7, h8 e h9 tornano uguali ad h1...codice:h1 {color: #0150BA; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; TEXT-DECORATION: none; font-weight:bold} h2 {color: #0150BA; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; TEXT-DECORATION: none} h3 {color: #999999; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; TEXT-DECORATION: none; font-weight:bold} h4 {color: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; TEXT-DECORATION: none} h5 {color: #FE9022; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 13px; TEXT-DECORATION: none; font-weight:bold} h6 {color: #0150BA; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 13px; TEXT-DECORATION: none; font-weight:bold} h7 {color: #FFC000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; TEXT-DECORATION: none; font-weight:bold} h8 {color: #FFC000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; TEXT-DECORATION: none} h9 {color: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; TEXT-DECORATION: none}
Ah, altra cosa: cerca di usare il tag CODE quando scrivi sul forum, aiuta la leggibilità.
[postedit]:
1) in quale/i versione/i di explorer hai riscontrato il problema?
2) Che doctype usi?
ho risolto grazie. Ora però ho un'altro problema, il testo della pancia mi va sopra il footer come posso fare ad abbassare il footer in base alla lunghezza del testo?