Ciao a tutti,
riprendo questa discussione in quanto ho anche io un problema simile, ho due div contenitori (che si adattano alla grandezza della finestra) che appunto dividono in 2 parti la pagina html, un div top e un div bottom.
Quello che devo fare è allineare nella parte bassa del div top un'immagine centrandola orizzontalmente in base quindi alla grandezza della finestra, mentre nel div bottom devo allinare, sempre al centro, ma questa volta nella parte alta del div contenitore un menu che al momento ho creato con una tabella.
Ho seguito il consiglio di questo post ma non riesco a centrare orizzontalmente l'immagine, ecco il codice CSS:
Codice PHP:
html, body {
margin:0;
padding:0;
width:100%;
height:100%;
}
body {
font-family:"Times New Roman", Times, serif;
font-size: 1em;
color: #000000;
background-color: #ffffff;
line-height: 1em;
}
#top, #bottom {
height:50%;
}
#top {
background-color:#fff;
width:100%;
}
#bottom {
background-color:#d1d3d4;
width:100%;
}
.header {
position:relative;
height:100%; }
.logo {
position: absolute;
bottom:0;
left:50%;
}
Mentre il codice della pagina HTML è questo:
Codice PHP:
<body>
<div id="top">
<div class="header">
[img]graphics/logo.jpg[/img]
</div>
</div>
<div id="bottom">
<table width="500" border="0" align="center" cellpadding="2" cellspacing="2">
<tr align="center">
<td colspan="4">[img]graphics/trasp.gif[/img]</td>
</tr>
<tr align="center">
<td width="125">[img]graphics/label-ross.jpg[/img]</td>
<td width="125">[img]graphics/label-grigio.jpg[/img]</td>
<td width="125">[img]graphics/label-grigio.jpg[/img]</td>
<td width="125">[img]graphics/label-grigio.jpg[/img]</td>
</tr>
<tr align="center" valign="top">
<td>Home</td>
<td>Contatti</td>
<td>Cantieri</td>
<td>Proposte
Immobiliari</td>
</tr>
</table>
</div>
</body>
Dove sbaglio?
Vi ringrazio per l'aiuto,
elisa
Permessi di invio
Rispondi quotando