Problema larghezza div

[Sonikag]

Ho un div che voglio sia largo 775px come il container che lo contiene:

#container {
	width: 755px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	}
	
#contenuto3 {
	padding: 0px;
	margin: 0px;
	background-color: #fff;
	text-align:left;
	width:755px;
	}

E fino a qui tutto funziona...

Però se inserisco nel div contentuto tre un menu css con questo css in ff la larghezza cessa di esistere

ul#navlist3
{
list-style: none;
padding: 0px;
margin: 0px;
		font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul#navlist3 li
{
float: left;
width: 160px;
margin: 0px;
padding: 0px;
text-align:left;
}

ul#navlist3 li a
{
margin:0px;
padding-left:15px;
display: block;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
text-decoration: none;
	background-image: url(img/grafica/sfbothome.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}



ul#navlist3 li#active a
{
background: #f0e7d7;
color: #800000;
}

ul#navlist3 li a:hover, ul#navlist3 li#active a:hover
{
color: #24567B;
}

[tita85]

se ho capito bene cosa intendi il problema è il float left in ul#navlist3 li

tu hai messo

ul#navlist3 li{
width: 160px;
margin: 0px;
padding: 0px;
text-align:left;
float: left;
} 

invece devi mettere

ul#navlist3 li{
width: 160px;
margin: 0px;
padding: 0px;
text-align:left;
} 

un consiglio metti sempre in ordine i codici

#div{
width: ;(sempre all'inizio)
height: ;(sempre all'inizio)
ecc.ecc.
ecc.ecc.
float: ;(sempre alla fine)
}


o cmw sia se su div1 metti in un modo mettilo più o meno uguale su tutte le altre "div" così fai prima a trovare ciò che ti serve

ciao ciao

Silvia

[Sonikag]

Grazie ma il problema che in quel modo dopo ho un menu verticale e non orizzotale come vorrei! Comunque il problema lo risolve!

[tita85]

#container {
width: 755px;
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
    }
    
#contenuto3 {
width:755px;
padding: 0px;
margin: 0px;
background-color: #fff;
text-align:left;
    }
    
ul#navlist3
{
list-style: none;
padding: 0px;
margin: 0px;
font-size:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul#navlist3 li
{
width: 160px;
margin: 0px;
padding: 0px;
text-align:left;
margin-left: 150px;
display: inline;
/*float: left;*/
}

ul#navlist3 li a
{
width: 100%;
margin:0px;
padding-left:15px;
display: block;
padding-top: 16px;
padding-bottom: 16px;
text-decoration: none;
background-image: url(img/grafica/sfbothome.jpg);
background-repeat: no-repeat;
background-position: center center;
}



ul#navlist3 li#active a
{
background: #f0e7d7;
color: #800000;
}

ul#navlist3 li a:hover, ul#navlist3 li#active a:hover
{
color: #24567B;
} 

display: inline; ----li allinea
margin-left: 150px;--- gli da lo spazio a sinistra per distanziarlo
/*float: left;*/-- l ho commentato ma non serve