Problema con DIV affiancati orizzontalmente

**in the web** · 06-09-2011, 15:51

Ho un DIV contenitore che contiene tutti gli elementi della pagina.
Al suo interno, ho un DIV che rappresenta la colonna di sinistra, e un DIV per il contenuto della pagina.
Ecco le classi:

.columnSections
{
float:left;
width:30%;
border:0px;
padding-right:5px;
}

.columnArticles
{
float:left;
width:68%;
border:0px;
padding-left:5px;
padding-top:0px;
margin-top:0px;
}

Il problema Ho definito le larghezze in % perchè non voglio che siano legate a una singola risoluzione. Ho lasciato un 2% di vuoto per tenere conto dei margini, altrimenti columnArticles andrebbe a capo.
Ma ho un grosso problema: columnArticles viene visualizzato troppo stretto! Dovrebbe occupare la quasi totalità dello spazio, almeno nella mia testa, ma a quanto pare i browser la pensano diversamente. Se però lo allargo, va a capo.

Cosa posso fare?

PS, so che la mia conoscenza dei CSS è molto limitata, infatti non dovrei essere io a occuparmi di questo... non insultatemi per favore.

**in the web** · 06-09-2011, 15:54

Scusate, forse per rispondermi dovete vedere anche la classe del contenitore:

div.container
{
width: 95%;
border:solid 1px;
background: #FFFFFF;
margin: 0 auto;
padding-left:10px;
padding-right:10px;
padding-top:0px;
padding-bottom:10px;
}

**fmdesignlab** · 06-09-2011, 18:46

ciao mi riusciresti ad allegare un file zip con la pagina HTML quella CSS così riesco a darci un occhiata meglio.

**in the web** · 06-09-2011, 19:07

Purtroppo il forum non mi fa allegare gli zip (permette solo le immagini).
Se non abuso del tuo tempo, posso inviartelo per mail?

**Mich_** · 07-09-2011, 08:27

Originariamente inviato da in the web
Scusate, forse per rispondermi dovete vedere anche la classe del contenitore:

codice:

div.container{
    width: 95%;
	border:solid 1px;
    background: #FFFFFF;
    margin: 0 auto;
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	padding-bottom:10px;
}

In questo hai definito al larghezza in %: questo ha senso solo se anche il contenitore di esso ha larghezza definita: ad esempio, se il tuo <div class="container"> dipende direttamente dal <body>, dovrai definire:

codice:

html, body {
  width: 100%;
}

PS: usa i tag [ code ] per inserire il codice! La cosa diventa piu` leggibile

Discussione: Problema con DIV affiancati orizzontalmente

Strumenti discussione

Ricerca discussione

Visualizza

Problema con DIV affiancati orizzontalmente

Permessi di invio