Ciao, sto creando il mio primo sito tableless e non capisco una cosa: tra l'immagine che ho inserito nello header ed il testo del "content" (in giallino) c'è uno spazio bianco. Come posso diminuirlo? Lavoro con Frontpage 2003 e quando sono in visualizzazione "normale" questo spazio non viene visualizzato, anche perchè non ho inserito margini o padding (almeno credo!!)
Tutto sommato mi piace anche così perchè il bordo destro del "content" stacca dall'immagine ma voglio capire come mai poi, sia in anteprima di Frontpage che con Explorer 8, si inserisce questo spazio.
Il giallino l'ho messo per evidenziare il "content" altrimenti sarebbe tutto bianco.
Spero nel vostro aiuto perchè ci ho già perso un sacco di ore a cercare di capire....
questo è l'indirizzo: www.webalice.it/fabio.bertagnolli
Questo è il css:
=========================================
body {
margin-top: 200 px;
padding: 0;
font-family: Verdana, Georgia, Sans-serif;
font-size: 76%;
text-align: center;
background-color: #A6A6A6;
background-image: url('Sfondo.gif');
background-repeat: repeat-x;
}
div#container {
width: 900px;
margin: 0 auto;
/*border-width: 0 2px;
border-style:solid;
border-color: #000; */
background-color:#fff
}
/* === Sezione Header === */
div#header {
margin: 5 2 0 0px;
height: 100px;
background-color:#fff;
text-align: left;
}
div#header img {
/*padding: 50px;*/
float:right;
margin: 0px;
}
div#header ul {
width: 100px;
margin: 40;
padding: 0;
list-style-type: none;
}
div#header li {
margin: 0;
padding: 0;
}
div#header a {
color:#9F4265;
letter-spacing: 1px;
font: normal bold 12px Verdana, Georgia, Sans-serif;
text-decoration: none;
}
div#header a:hover {
color: #033;
text-decoration: none;
}
div#header a#activelink {
color: #033;
text-decoration: none;
}
div#header p {
font-size: 90%;
}
/* === Sezione Content === */
div#content {
margin: 0 200px 0 170px;
background-color: #ff9;
padding: 1em 10px;
border-style: solid;
border-width:0 1px;
border-color:#fff #9F4265 #fff #fff;
}
/* === Sezione navigation === */
div#navigation {
float: left;
width: 150px;
height: 350px;
padding: 1em 0 0 10px;
text-align: left;
}
/* === Sezione extra === */
div#extra {
float: right;
width: 190px;
height: 350px;
padding: 1em 5px
}
div#extra div.newsbox {
font-size: 90%;
margin-bottom: 2em
}
div#extra div.newsbox h2 {
color: #9F4265;
text-align: center;
font-size: 1.2em
}
div#extra div.newsbox p {
margin: 0
}
/* === Sezione footer === */
div#footer {
clear:both;
text-align:center;
padding: 5px 0;
background-color: #fff;
color: #9F4265
}
div#footer a {
color:#9F4265;
font-weight: bold;
text-decoration: underline
}
/* === Sezione Logo === */
div#logo {
width: 410px;
/*margin: 0 auto;*/
position: absolute;
top: 110px;
left: 183px;
}
/* === Sezione Menu === */
div#menucontainer {
width: 410px;
/*margin: 0 auto;*/
position: absolute;
top: 149px;
left: 645px;
}
div#menu1 ul {
margin: 0;
padding: 0;
float: right;
/*position: relative;*/
list-style-type: none; }
div#menu1 li {
float: left;
border: 1px solid #fff;}
div#menu1 a {
font: bold 12px Verdana, Arial;
text-align: center;
text-decoration: none;
color: #fff;
background-color: #9F4265;
display: block;
width: 100px;
margin: 0 0px 0 0;
padding: 6px; }
div#menu1 a:hover {
font: bold 12px Verdana, Arial;
background-color: none;
color:#ff8;
text-transform: uppercase; }
/* === Formattazione Testo === */
h1 {
margin: 0;
padding: 5;
padding-left:10px;
color: #fff;
text-align: left;
/*font: bold 2.3em/90px Verdana, Georgia, Sans-serif;*/
font: 28px "Arial Rounded MT Bold", Verdana, Georgia, sans-serif;
}
h2 {
margin: 0;
padding: 5;
text-align: left;
color: #9F4265;
font: 24px "Arial Rounded MT Bold", Verdana, Georgia, Sans-serif;
}
p {
color: #000;
text-align: justify;
font: 12px Verdana, Georgia, Sans-serif;
}
/* === Sezione Mascherina bianca === */
/*.xsnazzy h1, .xsnazzy h2, .xsnazzy p {margin:0 10px; letter-spacing:1px;}*/
/*.xsnazzy h1 {font-size:2.5em; color:#000;}*/
/*.xsnazzy h2 {font-size:2em; color:#234; border:0;}*/
/*.xsnazzy p {padding-bottom:0.5em; color:#000;}*/
/*.xsnazzy h2 {padding-top:0.5em; padding-left:10px;}*/
.xsnazzy {width:920px; background: transparent; margin:1em;}
.xsnazzy em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #fff; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
/* hack for IE5.5 */
* html .xsnazzy em {width:24px; height:12px; w\idth:0; hei\ght:0;}
.xsnazzy span {display:block; width:0; height:0; color:#fff; overflow:hidden; border-top:10px solid #7f7f9c; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .xsnazzy span {width:20px; height:10px; w\idth:0; hei\ght:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #fff;}
.xb1 {margin:0 8px; background:#fff;}
.xb2 {margin:0 6px; background:#fff;}
.xb3 {margin:0 4px; background:#fff;}
.xb4 {margin:0 3px; background:#fff; border-width:0 5px;}
.xb5 {margin:0 2px; background:#fff; border-width:0 4px;}
.xb6 {margin:0 2px; background:#fff; border-width:0 3px;}
.xb7 {margin:0 1px; background:#fff; border-width:0 3px; height:2px;}
.xboxcontent {display:block; background:#fff; border:3px solid #fff; border-width:0 3px;}
===========================================
Grazie,
Fabio
Rispondi quotando
