Ciao a tutti ,vorrei creare un sito diviso in 2 parti : una parte centrale nella quale ci saranno i contenuti e 2 fasce laterali con un immagine .
Ho iniziato con scrivere questo codice :
<html>
<head>
<style>
img.bg1 {
width: 25%;
height: auto;
position:fixed ;
top: 0;
left: 0;
z-index:-9999;
}
</style>
<style>
.content { letter-spacing: 2px; line-height: 16px; text-align: justify; padding: 4px;}
</style>
<style>
img.bg2 {
width: 25%;
height: auto;
position: fixed;
top: 0;
right: 0;
z-index:-9999;
}
</style>
<style>
.colsx { float: left; width: 200px; border-right: 1px solid #555; height: 80%; padding: 4px;}
</style>
</head>
<body>
<div style=" margin:9px; padding:5px; ">
<img class="bg1" src="143357.jpg"></div>
<div style=" margin:9px; padding:5px; ">
<img class="bg2" src="143358.jpg"></div>
<div class="content">testo della pagina</div>
</body>
</html>
La div content però non è centrale e non riesco a capire il perchè.
Grazie in anticipo.
Ho iniziato con scrivere questo codice :
<html>
<head>
<style>
img.bg1 {
width: 25%;
height: auto;
position:fixed ;
top: 0;
left: 0;
z-index:-9999;
}
</style>
<style>
.content { letter-spacing: 2px; line-height: 16px; text-align: justify; padding: 4px;}
</style>
<style>
img.bg2 {
width: 25%;
height: auto;
position: fixed;
top: 0;
right: 0;
z-index:-9999;
}
</style>
<style>
.colsx { float: left; width: 200px; border-right: 1px solid #555; height: 80%; padding: 4px;}
</style>
</head>
<body>
<div style=" margin:9px; padding:5px; ">
<img class="bg1" src="143357.jpg"></div>
<div style=" margin:9px; padding:5px; ">
<img class="bg2" src="143358.jpg"></div>
<div class="content">testo della pagina</div>
</body>
</html>
La div content però non è centrale e non riesco a capire il perchè.
Grazie in anticipo.
