[CSS] Aiuto posizionamento div (2)

**Petro_suse91** · 29-07-2005, 05:20

Apro un nuovo topic perchè il problema è diverso, anche se simile a quello risolto qui
http://forum.html.it/forum/showthrea...hreadid=863821

Dunque, il problema è che il contenuto invade la colonna del menu. Ecco il codice:

codice:

<div id="content">
<div id="menu">
</div></div>

e il css:

div#content{}
div#menu{float:left;width:220px;padding-bottom:20px;height:100%}

Le cose si dispongono correttamente all'inizio: il menu se ne sta a sinistra e il contenuto alla sua destra. Ma quando il box "content" è più lungo del box "menu", succede che, dopo la fine del box Menu, il contenuto di "content" si allarga a tutta la pagina, invece che starsene buono buonino nello spazio assegnato (tutta la pagina, a 220px dal margine di sx).

Come faccio a farlo stare lì?

Devo PER FORZA assegnargli margin-left o padding-left a 220?

Perchè se questa è l'unica soluzione, il problema si sposta nel campo javascript

**kall3** · 29-07-2005, 11:51

Ho fatto in velocità, non so se ho capito comunque prova così.

<html>
<head>
<style>
div#content{float:left;background:ff3366;}
div#menu{float:left;width:220px;padding-bottom:20px;height:100%; background:#ffcc00;}
</style>
</head>
<body>

<div id="page">
<div id="menu">
menu menu menu menu menu menu menu menu menu menu menu
</div>
<div id="content">
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
</div>
</div>

</body>
</html>

**kall3** · 29-07-2005, 11:54

Azz. scusa non funzia su mozilla ora vedo se rieco a vedere dov'è l'inghippo

**kall3** · 29-07-2005, 11:58

l'inghippo sta che bisogna mettere una larghezza sul float del content e io me ne ero dimenticato

div#content{float:left;background:#ff3366; width:500px;}
div#menu{float:left;width:220px;padding-bottom:20px;height:100%; background:#ffcc00;}

**Petro_suse91** · 29-07-2005, 12:33

Ok, così funziona, non si "infila" sotto la colonna del menu.

Però vorrei che "content" arrivasse sempre al limite destro, senza una larghezza fissa: un po' come se fosse in una tabella a due colonne fatta così

<table width=100%>
<td width=200px>MENU</td>
<td>CONTENT</TD>
</table>

si può far ciò?

**deivnet** · 29-07-2005, 12:49

Guarda questo articolo,
magari ti può aiutare

http://pro.html.it/articoli/id_607/i...pag_1/pag.html

Ciao

**Petro_suse91** · 29-07-2005, 13:37

Letto.... insomma, non c'è modo di fare quel che voglio io senza settare un margin e senza dare una larghezza definita....

**deivnet** · 29-07-2005, 14:03

Purtroppo penso proprio non si possa fare a meno che non ci sia qualche gabola....

**Petro_suse91** · 29-07-2005, 14:10

Ok, allora il mio problema diventa un problema di javascript:

-Come settare "margin" via javascript-
http://forum.html.it/forum/showthrea...hreadid=864223

edit: ho risolto il problema del javascript! Ora va tutto alla grande!!

Discussione: [CSS] Aiuto posizionamento div (2)

Strumenti discussione

Ricerca discussione

Visualizza

[CSS] Aiuto posizionamento div (2)

Permessi di invio