Nessuno riesce a risolvere gli ultimi due problemi? Non riesco a capire cosa sbaglio?
1- la fumatura gialla (bg-giallo.jpg) in alto non si vede
2- se riduco la grandezza del browser la colonna di destra va su quella di sinistra...mentre vorrei che rimanesse bloccato tutto...
codice:
CSS:
<style type="text/css">
<!--
html {
height: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
body {
margin:0;
padding:0;
border: 0;
text-align: left;
background-image: url(bg-texture2.gif);
background-repeat: repeat-y;
background-position: 0px 0px;
background-color: #FFFFFF;
}
/*CONTENITORE GENERALE */
#contenitore{
width: 100%;
text-align: left;
margin: 0px;
background-image: url(bg-giallo.jpg);
background-repeat: repeat-x;
background-position: 250px 0px;
}
#divmenuss {
margin:0;
padding:0;
border: 0;
text-align: left;
background-image: url(bg-texture2.gif);
background-repeat: repeat-y;
background-position: 0px 0px;
background-color: #FFFFFF;
}
/*COLONNE STRUTTURA */
#colonnaa {
width:250px;
float: left;
top:0;
left: 0;
padding:0;
margin: 0px;
vertical-align: top;
height: 100%;
}
#colonnab {
width:750px;
float: left;
padding:0px;
margin: 0px;
background-color: #CCCCCC;
}
/*DIV CONTENUTI */
#divcontenuti {
width: 720px;
margin: 100px 20px 20px;
padding: 0px;
}
</style>
codice:
HTML:
<div id="contenitore">
<div id="colonnaa">
<div id="divmenuss">
<div id="divtitlemenuss">
<span class="titlemenuss">Titolo</span>
</div>
<div class="divmenussstyle">
<ul>[*]Voce 1
[*]Voce 2[*]Voce Voce 1
[*]<span class="classeattiva">Voce 2</span>[*]Voce Voce Voce 1
[*]Voce Voce Voce 2
[*]Voce Voce Voce 3
[*]Voce 1
[*]Voce 2[/list]
</div>
</div>
</div>
<div id="colonnab">
<div id="divcontenuti">[img]img-test.gif[/img]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam ligula. Curabitur placerat, eros in sodales venenatis, nibh sapien consequat ante, non tempus ipsum quam vel nibh. Morbi sapien. In elementum. Aliquam at libero. Fusce a quam id justo fermentum ultrices. Nulla facilisi. Suspendisse nunc sapien, varius at, hendrerit vel, blandit ac, mi. Mauris tincidunt. Proin rutrum, nisl eu lobortis adipiscing, est est dapibus metus, eget venenatis metus sem id velit. Nulla nibh lacus, ultrices id, rhoncus sed, suscipit vitae, augue. Phasellus vitae mauris et felis egestas consequat. Nulla facilisi. Aenean sed enim. Sed felis.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam ligula. Curabitur placerat, eros in sodales venenatis, nibh sapien consequat ante, non tempus ipsum quam vel nibh. Morbi sapien. In elementum. Aliquam at libero. Fusce a quam id justo fermentum ultrices. Nulla facilisi. Suspendisse nunc sapien, varius at, hendrerit vel, blandit ac, mi. Mauris tincidunt. Proin rutrum, nisl eu lobortis adipiscing, est est dapibus metus, eget venenatis metus sem id velit. Nulla nibh lacus, ultrices id, rhoncus sed, suscipit vitae, augue. Phasellus vitae mauris et felis egestas consequat. Nulla facilisi. Aenean sed enim. Sed felis.
</div>
</div>
</div>
Grazie spero in voi