Sto andando in tilt a causa di un paio di div!
ho un layout fluido a due colonne, una per il menu con misure fisse e l'altra per i contenuti della pagina.
sopra queste c'è un header.
tutto è in un contenitore quindi il css è così :
codice HTML:
.main { margin-left:10px; margin-right:10px; background-color:#eee; overflow:hidden; color:#666; text-align:center; margin-top:20px; }
.content {overflow:hidden; padding-bottom:10px;}
.colonna1 {width:256px;float:left;margin-left:10px;margin-top:10px;}
.colonna2 {margin-left:280px; padding-top:40px;margin-right:10px;margin-top:10px;padding-bottom:20px;}
.header {height:150px;overflow:hidden;text-align:left;}
l'html è così :
codice HTML:
<div class="main">
<div class="header">
<img src="logo.jpg" width="130" height="130" /></div>
<div class="content">
<div class="colonna1">
MENU..........
MENU...............
</div>
<div class="colonna2">
TESTI / IMMAGINI ......
</div>
</div>
<div class="footer"></div>
</div>
ma dopo aver fatto questo ho bisogno di inserire alcuni div che mi stanno dando problemi:
1) nel Header devo avere il logo posizionato in alto a sinistra e un altro div con del testo (un titolo) centrato a tutta pagina che rispetti il layout fluido.
2) nella colonna 2 devo inserire due div allineati, uno per un testo, l'altro per una foto che siano centrati nel div che li contiene (colonna2).
da ieri cerco una soluzione ma ottenendo pesimi risultati
mi date una mano?!