forse mi sono spiegato male o non ho capito...
mettiamo che il primo div cioè middle ha sfonto bianco e 2 bordini... il secondo div che stà nel div middle se metto il float mi sfancula... se lo tolgo fa tutto bene... ora dato che nel div middle devo mettere due sotto div vicini il floar ci deve essere per forza...
Fai cosi' visto che si capisce niente (all'inzio parlavi di sfondo ora di float e div che ancora non ci sono ma devono essere "vicini"). Fai uno screen shot di IE e uno di NN, e poi caricali da qualche parte indicando quale cosa vuoi ottenere.
Ecco gli screen shot:
http://www.chimeratribe.com/explorer.jpg
http://www.chimeratribe.com/netscape.jpg
un passo avanti. ora serve il codice, quello che hai postato e' incompleto.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title> xxx - Index</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="_css/index.css" rel="stylesheet" type="text/css" media="screen">
</head>
<body>
<center>
<div class="up">[img]/_lib/int/0_xxx.gif[/img]
</div>
<div class="dashedline">[img]/_lib/int/0_dashed_line.gif[/img]</div>
<div class="up2">
<div class="menu"><font color="#FFFF00">Home</font>[img]_lib/int/0_space_menu.gif[/img]</font>
</div>
</div>
<div class="dashedline">[img]/_lib/int/0_dashed_line.gif[/img]</div>
<div class="middle">
<div class="colsin">Bla
Bla Bla Bla Bla Bla Bla Bla. Bla Bla Bla Bla. Bla Bla Bla. Bla Bla Bla Bla.
Bla BlaBla Bla Bla Bla Bla Bla Bla Bla Bla BlaBla Bla Bla Bla Bla Bla Bla
BlaBla Bla Bla BlaBla Bla Bla Bla Bla BlaBla Bla Bla Bla Bla Bla Bla Bla
Bla Bla Bla Bla. Bla Bla Bla Bla. Bla Bla Bla. Bla Bla Bla Bla. Bla BlaBla
Bla Bla Bla Bla Bla Bla Bla Bla BlaBla Bla Bla Bla Bla Bla Bla BlaBla Bla
Bla BlaBla Bla Bla Bla Bla BlaBla Bla B Bla Bla Bla Bla. Bla Bla Bla Bla.
Bla Bla Bla. Bla Bla Bla Bla. Bla BlaBla Bla Bla Bla Bla Bla Bla Bla Bla
BlaBla Bla Bla Bla Bla Bla Bla BlaBla Bla Bla BlaBla Bla Bla Bla Bla BlaBla
Bla Bla Bla la Bla Bla Bla Bla Bla Bla Bla. Bla Bla Bla Bla. Bla Bla Bla.
Bla Bla Bla Bla.</div>
<div class="colsin">Bla
Bla Bla Bla Bla Bla Bla Bla. Bla Bla Bla Bla. Bla Bla Bla. Bla Bla Bla Bla.
Bla BlaBla Bla Bla Bla Bla Bla Bla Bla Bla BlaBla Bla Bla Bla Bla Bla Bla
BlaBla Bla Bla BlaBla Bla Bla Bla Bla BlaBla Bla Bla Bla Bla Bla Bla Bla
Bla Bla Bla Bla. Bla Bla Bla Bla. Bla Bla Bla. Bla Bla Bla Bla. Bla BlaBla
Bla Bla Bla Bla Bla Bla Bla Bla BlaBla Bla Bla Bla Bla Bla Bla BlaBla Bla
Bla BlaBla Bla Bla Bla Bla BlaBla Bla B Bla Bla Bla Bla. Bla Bla Bla Bla.
Bla Bla Bla. Bla Bla Bla Bla. Bla BlaBla Bla Bla Bla Bla Bla Bla Bla Bla
BlaBla Bla Bla Bla Bla Bla Bla BlaBla Bla Bla BlaBla Bla Bla Bla Bla BlaBla
Bla Bla Bla la Bla Bla Bla Bla Bla Bla Bla. Bla Bla Bla Bla. Bla Bla Bla.
Bla Bla Bla Bla.</div>
</div>
</div>
</center>
</body>
</html>
--------------------------------------
BODY {
margin-top: 20px;
background-image: url(../_lib/int/0_bg.gif);
font-family: Arial,Verdana, sans-serif;
font-size: 9pt;
}
.up{
background-color: #A5CFCE;
width: 750px;
text-align:left;
border-top-style:solid;
border-top-color: #696969;
border-top-width: 1px;
border-left-style:solid;
border-left-color: #696969;
border-left-width: 1px;
border-right-style:solid;
border-right-color: #696969;
border-right-width: 1px;
}
.dashedline{
background-image: url(../_lib/int/0_dashed_line.gif);
width: 750px;
border-left-style:solid;
border-left-color: #696969;
border-left-width: 1px;
border-right-style:solid;
border-right-color: #696969;
border-right-width: 1px;
}
.up2{
background-color: #84B6B5;
width: 750px;
border-left-style:solid;
border-left-color: #696969;
border-left-width: 1px;
border-right-style:solid;
border-right-color: #696969;
border-right-width: 1px;
text-align:left;
}
.menu{
padding-top:4px;
padding-bottom: 4px;
padding-left: 10px;
}
.middle{
background-color: white;
border-left-style:solid;
border-left-color: #696969;
border-left-width: 1px;
border-right-style:solid;
border-right-color: #696969;
border-right-width: 1px;
text-align:left;
width:750px;
}
.colsin{
width:200px;
padding-left:20px;
padding-top:15px;
padding-bottom:15px;
float:left;
}
Permessi di invio
Rispondi quotando