il risultato deve presentarsi proprio come nella tua foto, l'unica cosa è che sto cercando di elaborare un layout liquido privo di tabelle. Quindi dal codice che tu mi hai dato deve togliere un paio di cose che non servono:
dal body
text-align: center,
dal box
width: 600px,
perchè io voglio che il layout si adatti completamente alla finestra del browser. Magari dai un'occhiata al
link.
Ho comuqnue provato a fare che mi hai detto, ma quel float mi scombina tutto.
Provo a postare il codice un po più completo, forse rende più l'idea di cosa sto provando a fare.
Grazie
codice:
<body style="background-color:#FFFFFF; height:auto; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
[img]immagini/index_01.gif[/img]
<div id="box_yellow">
[img]immagini/index_03.gif[/img]
[img]immagini/index_13.gif[/img]
[img]immagini/index_23.gif[/img]
[img]immagini/index_24.gif[/img]
[img]immagini/index_04.gif[/img]
[img]immagini/index_05.gif[/img]
[img]immagini/index_06.gif[/img]
[img]immagini/index_07.gif[/img]
[img]immagini/index_08.gif[/img]
[img]immagini/index_09.gif[/img]
[img]immagini/index_10.gif[/img]
<div id="box_green">
[img]immagini/index_14.gif[/img]
<div id="summer_pic">
[img]immagini/marina01.jpg[/img]
</div>
Finally it is arrived... Welcome to the SUMMER ’04.
This is the time when dangerous senses wake up and push you to make forbidden things
and the night replace the day, lighting up the sky with magic stars.
Have a good summer all of you whatever you are.
<div id="corner_bottom_left_green">[img]immagini/index_21.gif[/img]</div>
</div>
</div>
</body>
codice:
/* Layout*/
#box_yellow{
position:absolute;
top: 60px;
left: 2%;
right: 2%;
width:95.6%;
background-color: #ffe100;
height: auto;
}
#box_green{
background-color: #99cc33;
height: auto;
margin: 17px 9px 17px 9px;
background-image: url(immagini/index_16.gif);
background-repeat: no-repeat;
background-position: top right;
position: relative;
text-align: left;
}
/* Body*/
#summer_pic{
float: right;
}