Buongiorno,
ho letto alcuni topic su questo forum ma non ho trovato/capito molto.
Nella pagina html ho un div centato con altri div all'interno.
Appena inserisco il div con il testo, quello scrollabile(overflow), si allunga in basso il div padre....?????!!!!!
Questo accade solo con ie per windows, su mac e firefox non c'è questo problema.
Questo è il codice:
stile.css:
body, table, td, th, label, p, legend, fieldset, h1, h2, h3, div, caption, span, a, abbr, acronym, input, textarea, select {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #000000;
}
td, label, p, legend, h2, h3, div, caption, span, a, select {
font-size : 12px;
}
div.menu {
position: relative;
top: 10px;
left: 0px;
width: 950px;
height: 215px;
}
div.pics {
position: relative;
top: -15px;
left: 100px;
width: 353px;
height: 333px;
}
div.testo {
position: relative;
top:-333px;
left: 470px;
width: 390px;
height: 290px;
overflow: auto;
padding: 8px;
}
div.corpo {
margin: 0px auto;
text-align:left;
padding: 0px;
width: 950px;
height: 552px;
border-style: solid;
border-color: #CCCCCC;
border-width: 1px;
}
table, tr, th, td {
margin: 0px;
padding: 0px;
}
th {
font-size : 13px;
font-weight : bold;
}
h1 {
font-size : 18px;
font-weight : bold;
color: #84cfe8;
text-align: center;
}
h2, h3, h4 {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
h2 {
font-size : 16px;
font-weight : bold;
color: #ffff00;
text-align: center;
}
h3 {
font-size : 13px;
font-weight : normal;
color: #84cfe8;
text-align: center;
}
h4 {
font-size : 15px;
font-weight : normal;
color: #FFFFFF;
text-align: center;
}
a.rossobol:link, a.rossobol:visited, a.rossobol:hover {
font-size : 15px;
font-weight : bold;
text-decoration : none;
}
a.rossobol:hover {
color : #000000;
}
a.rossobol:link, a.rossobol:visited {
color : #AB0102;
}
.rosso, .rossobold {
font-size : 15px;
color : #AB0102;
}
.rossobold {
font-weight : bold;
}
.textsub {
font-size : 9px;
}
hr{
height : 0.5px;
}
hr.bianco {
color: #FFFFFF;
}
body {
background-color: #ffffff;
text-align:center;
margin:50px 0px;
padding:0px;
}
pagina:
<html>
<head>
<meta http-equiv="Content-Language" content="it">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<META NAME="keywords" content="">
<META NAME="author" CONTENT="--">
<title>TITOLO</title>
<link rel=stylesheet href="stile.css" type="text/css">
</head>
<body>
<div class="corpo">
<div class="menu" style="z-index: 3">
<table cellspacing="0" cellpadding="0" width="950" height="215" border="0">
<tr>
<td width="163" height="215" rowspan="3">
[img]./images/menu/logo.gif[/img]
</td>
<td width="787">
[img]./images/menu/up.gif[/img]
</td>
</tr>
<tr>
<td>
[img]./images/menu/voci.gif[/img]
</td>
</tr>
<tr>
<td>
[img]./images/menu/down.gif[/img]
</td>
</tr>
</table>
</div>
<div class="pics" style="z-index: 1">
[img]./images/pics/bfan.gif[/img]
</div>
<div class="testo" style="z-index: 2;">
<span class="rossobold">Titolo titolo </span>
Bla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla Bla
</div>
</div>
</body>
</html>
Grazie...
Rispondi quotando
VVoVe:
