Ciao a tutti,
il problema è questo, ho un sito in cui quando si scorre la barra laterale per leggere le info contenute nel main, il testo invece di scomparire sotto al banner mi scorre sopra.
Come si risolve??
CSS
Codice PHP:
html, body {
height: 100%;
margin: auto;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
background-color: #000000;
margin-right: 80;
margin-left: 0;
}
.ttesto{
font-size: 12px;
color: white;
}
a:link {
color: #FFFFFF;
font-size: 10x;
}
a:visited {
color: #FFFFFF;
font-size: 10px;
}
a:hover {
text-decoration: none;
color: #ff6600;
}
a:active {
text-decoration: #ff6600;
}
#contenuti {
position:absolute;
top:150;
left:200px;
width:730px;
text-align: left;
}
#menusx {
position:fixed;
top:185px;
left:40px;
width:80px;
height:240px;
background: url('../images/sfondo1.gif') no-repeat top left;
}
#banner {
position:fixed;
top:0px;
left:430px;
width:450px;
height:150px;
#background-color:#fff;
background-image: url('../images/banner.gif');
}
#fiore {
position:fixed;
top:0px;
left:0px;
width:230px;
height:200px;
background: url('../images/fiore.gif') no-repeat top left;
}
#angolo{
position:relative;
top:-30px;
left:700px;
width:50px;
height:50px;
background: url('../images/angolo.gif') no-repeat top left;
}
#botborder{
position: fixed;
bottom:0;
left: 0;
width: 100%;
height: 1.0em;
background: url('../images/barra.gif') no-repeat top left;;
}
.indicatore {
position:relative;
top:8px;
font-weight: bold;
font-size: 10px;
width:80px;
height:25px;
padding-left: 0px;
left:20px;
}
.picture{
padding: 3px 3px 8px 3px;
background-color: #222;
border: 1px solid #2a2a2a;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
HTML
Codice PHP:
...tralascio l'head
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="fiore"></div> <div id="banner"></div>
<div id="menusx" class="tmenu">
<div class="indicatore"><div style="position:absolute; top:5px;">[url="#"]Home[/url]</div></div>
<div class="indicatore"><div style="position:absolute; top:5px;">[url="./register.php"]Register[/url]</div></div>
<div class="indicatore"><div style="position:absolute; top:5px;">[url="./login.php"]LogIn[/url]</div></div>
<div class="indicatore"><div style="position:absolute; top:5px;">[url="#"]Natural[/url]</div></div>
<div class="indicatore"><div style="position:absolute; top:5px;">[url="#"]Black & White[/url]</div></div>
<div class="indicatore"><div style="position:absolute; top:5px;">[url="#"]Seppia[/url]</div></div>
<div class="indicatore"><div style="position:absolute; top:5px;">[url="#"]Ireland Map[/url]</div></div>
<div class="indicatore"><div style="position:absolute; top:5px;">[url="#"]Email me[/url]</div></div>
</div>
<div id ="contenuti" class="ttesto">
asffadsafsd
asffadsafsd
asffadsafsd
asffadsafsd
asffadsafsd
asffadsafsd
asffadsafsd
<div id="angolo"></div>
</div>
<div id="botborder">[img]images/tri.gif[/img]</div>
</body>
</html>
Rispondi quotando