Salve
avrei bisogno di eliminare i margini che automaticamente i browser inseriscono ai lati della pagina visualizzata.
Leggevo qui ed ho inserito la riga nella pagina html.
I bordi in alto e quello a sx sono effetivamente andati via se visualizzo tramite Safari e Opera, Firefox invece mostra margini su tutti e 4 i lati. Mentre i primi due visualizzano margini sul lato destro e su quello inferiore.
Credo derivi da un uso improprio dei css (ne sono quasi certo).
Il layout da realizzare è molto semplice: container da 1024x768 (grandicello, lo sò), header in alto nel container (largo quanto quest'ultimo) e all'interno dell'header altri due div affiancati (uno per il logo e l'altro per un menu orizzontale). Al di sotto di questi un 3° div, "content" in cui andrò a sistemare dei contenuti in flash.
Questo è il body dell'html:
e qui il css (manca ancora la parte relativa alla formattazione della pagina, font, ecc..)Codice PHP:<body>
<body leftmargin="0" topmargin="0">
<div id= "container">
<div id="header">
<div id="logo"></div>
<div id="top_menu"></div>
</div>
<div id="content">
</div>
</div>
</body>
</html>
Idee su come procedere?Codice PHP:@charset "UTF-8";
/* CSS Document */
#container {
width: 1024px;
height: 768px;
}
#header {
width: 1024px;
height: 54px;
}
#logo {
width: 323px;
height: 54px;
background: url(images/header.jpg);
float: left;
}
#top_menu{
width: 701px;
height: 54px;
background: url(images/top_menu.jpg);
float: right;
}
#content{
width: 1024px;
height: 970px;
background: url(images/background.jpg) no-repeat;
}
Rispondi quotando
