Ciao ragazzi, ho già trovato discussioni su questo problema nel forum ma non ho ancora trovato la risposta che fa al caso mio.
Ho creato una pagina con alcuni div come si vede dal codice che posto, il problema è che quando inserisco del testo nel div dei contenuti (right) il div non si adatta ad essi pur essendo di tipo float.
Sapreste darmi una mano? Grazie mille.
HTML ************************************************** *******
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link href="style.css"rel="stylesheet"type="text/css"media="screen">
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title></title>
</head>
<body background="background.jpg">
<div id="container">
<div id="header" >
<div id="imagebar">
</div>
<div id="menubar">
<ul>
<li class="b">links[*]contacts[*]home
[/list]
</div>
</div>
<div id="corpo">
<div id="left">
<div id="menu">
<ul>
</br></br>[*]Comunicazione[*]Modulistica[*]RSU[*]Dove Siamo[*]Gallery[/list]
</div>
</div>
<div id="right">
</div>
</div>
<div id="footer">
</div>
</div>
</body>
</html>
************************************************** ******************
******************* CSS********************************************
#container {
margin: auto;
position: center;
text-align: left;
padding: 0;
width: 708px;
font-family: Sans-serif,Elvetica,Arial;
font-size: 15px;
color: #000;
height: 100%;
}
#header {
margin: 0;
margin-left: 2;
padding: 0;
width: 100%;
height: 256px;
background-color: #c34567;
background-image: url(head.jpg);
}
#imagebar {
margin: 0;
padding 0;
height: 85%;
}
#menubar {
margin: 0;
padding: 0;
width: 100%;
height: 15%;
}
#menubar li {
margin: 0;
padding: 0;
width: 65px;
border-right: 2px solid rgb(105,105,105);
float: right;
text-align: center;
font-size: 15px;
list-style-type: none;
display: inline;
}
#menubar li.b {
border-right: 0px;
}
#corpo{
margin: 0;
padding-left: 3px;
background-color: #fff;
width: 100%;
height: 45%;
background-image: url(ombraok.jpg);
border-right:1px solid rgb(195,195,195);
}
#left{
margin: 0;
padding: 0;
float: left;
width: 34% ;
height: 100%;
border-right: 1px solid rgb(195,195,195);
}
#right {
margin: 0;
padding: 3px;
float: left;
width: 65% ;
height: 100%;
}
#menu {
margin: 0;
padding: 0;
margin-left:20px;
width: 200px;
height: 214px;
background-image: url(box.jpg);
}
#menu li {
margin: 0;
padding: 0;
width: 108px;
height: 15%;
border-bottom: 1px solid rgb(195,195,195);
list-style-type: none;
margin-right: 30px;
/*text-align: center;*/
}
a {
text-decoration: none;
white-space: nowrap;
display: block;
color: #000;
}
a:hover {
background: rgb(210,38,60);
color: #000;
}
#footer {
clear: none;
margin: 0;
padding: 0;
margin-left: 3;
font-size: 10px;
width: 100%;
height: 68px;
text-align: left;
background-image: url(footer.jpg);
}
************************************************** ****************
Rispondi quotando
