ciao a tutti.
sono un'assoluta principiante che si sta cimentando con l'impaginazione coi css.
Sto provando a fare una pagina in cui sulla destra c'è una colonna delle news alta tutta la pagina e larga il 20% per la quale ho utilizzato float: right. Mentre sulla sinistra una serie di blocchi disposti orizzontalmente che affiancano la colonna.
Il mio problema è che mentre ie interpreta come 100% di larghezza lo spazio che c'è tra l'estremo destro della pagina e l'inizio della colonna mozilla intende tutta la pagina.
il risultato è che con mozilla il contenuto dei blocchi orizzontali rimane nascosto sotto la colonna news, se invece lo sistemo per mozilla si "scentra" per ie
allora ho provato ad usare unità di misura differenti (ex i pixel) ma così sugli schermi a risoluzione più alta rimangono spazi vuoti
Insomma non ne arrivo a una...
vi posto il codice sia html che css e vi ringrazio già da ora
<html>
<head>
<title>HP</title>
<link rel="stylesheet" href="style.css">
</head>
<body leftmargin="0" topmargin="0">
<div id="boxnews"> <H1> News <H1>
</div>
<div id="primobox">
[img]Immagini\logo seta re.GIF[/img]
</div>
<div id="secondobox">
<table class="tabella" cellspacing="0">
<tr bgcolor="#000000">
<td id="celle" align="center">
Società
</td>
<td id="celle" align="center" >
Siti Correlati
</td>
<td id="celle" align="center" >
Contatti
</td>
</tr>
</table>
</div>
</body>
</html>
il foglio di stile invece:
body {
font-family:curier new;
background : #F0F0F0;
margin:0;
padding:0;
display : inline;
}
div#boxnews {
float: right;
width : 20%;
height: 100%;
background : #FFFFFF;
border-left: solid #000000;
border-bottom: solid #000000;
margin : 0;
}
div#primobox {
height: 25%;
width: 100%;
background : white;
border: 0;
margin:0;
padding:0;
}
div#secondobox {
height: 10%;
width: 100%;
background : black;
border: 0;
margin:0;
padding:0;
}
table.tabella {
width: 100%;
border:0;
background-color:white;
margin:0;
padding:0;
}
a.menualto {
font-family:curier new;
color:white;
font-weight: bold;
font-size: 15pt;
}
td#celle {
width : 33%;
height : 40px;
padding : 10px;
}
Rispondi quotando
