Mi sembra strana quella sintassi.
All'apparenza sembra un menu, ma non ci sono i link.
Se diventa un menu, devi usare i tag <ul> e[*] per la lista, ed allora diventano di tipo block, e questa sintassi HTML/CSS non va piu` bene.
Inoltre vedo che usi i frame (peraltro deprecati), con all'interno pagine con DTD HTML 4.0 Strict.
Non e` sbagliato, ma potresti avere problemi ad indirizzare oggetti tra i vari frame: con la DTD strict non puoi usare i target, quindi saresti costretto a degradare a DTD Transitional, ma questo potrebbe aver ripercussioni sul layout soprattutto nei brwoser IE.
Comunque ecco la mia proposta per la situazione prospettata.
codice:
HTML:
<body>
<div id="header">
[img]img/logo.gif[/img]
[img]img/menu_contatti.gif[/img]
[img]img/menu_grafica.gif[/img]
.....
</div>
<!--
... -->
</body>
CSS:
* {
margin: 0;
padding: 0;
}
html, body {
width: 100%;
min-height: 100%; /* non strettamente necessario */
}
body {
background: #d5dadd url(../img/sfondo_sfumato_80px.jpg) repeat-x 0 0;
}
#header {
width: 100%;
height: ...; /* se serve - si puo` omettere */
background: white; /* serve per le prove - poi va tolto */
}
#header img {
margin: 0 auto 0 0; /* margine auto solo a destra di tutte le img */
}
#logo {
margin-left: auto; /* solo sulla prima, margine auto anche a sinistra */
}
Rispondi quotando
