Affiancare div ma anche andare a capo

**Dirk Pitt** · 06-11-2006, 11:06

Salve a tutti,
trita e ritrita...

Per affiancare due DIV non ho problemi, due bei float: left; e via.
Però poi voglio andare a capo ed inserire nuovi DIV. Come fare?
Qui il codice del CSS:

codice:

body {
		margin: 0px 0px;
	}

	div.logo {
		border: none;
		height: 55px;
		width: 244px;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		float: left;
	}
	div.top_menu {
		border: none;
		height: 36px;
		width: 551px;
		font-family: sans-serif;
		font-size: 11px;
		font-style: normal;
		font-weight: normal;
		color: #0F3D6C;
		margin: 0px 0px 0px 0px;
		padding: 19px 5px 0px 0px;
		text-align: right;
		text-decoration: none;
		float: left;
		background-color: #ffcc00;
	}
	div.menu {
		border-bottom-color: #000000;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-top-color: #000000;
		border-top-style: solid;
		border-top-width: 1px;
		width: 180px;
		float: left;
		margin: 0px 0px 0px 1px;
		padding: 0px 0px 0px 0px;
		border-left-style: none;
		border-right-style: none;
	}
	div.quick_cart {
		border-bottom-color: #000000;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-top-color: #000000;
		border-top-style: solid;
		border-top-width: 1px;
		width: 619px;
		height: 26px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		background-image: url(images/sfondo_quick_cart.jpg);
		background-repeat: repeat-y;
		float: left;
		border-left-style: none;
		border-right-style: none;
	}

e il codice della pagina:

codice:

<body>
<div class="logo">[img]images/logo.gif[/img]</div>
<div class="top_menu">Customer Service|My Account|Register</div><div class="menu"><script type="text/javascript" language="JavaScript1.2" src="menu.js"></script></div><div class="quick_cart">bla bla bla</div>
</body>

I primi due DIV li voglio affiancati senza spazi tra di loro, i secondi idem ma sotto ai primi senza spazi verticali tra di loro. Il problema è che ciò non avviene, almeno per i DIV di sotto (nel senso che non vanno neanche di sotto).
Chi mi può aiutare?

P.S.: belli i tempi quando tutto era "tabellato"...

*pragma · 06-11-2006, 11:26

prova a lavorare su questo:

codice:

<div >
<div style="float:left;">::11111::</div>
<div >::22222::</div>
</div>

<div >
<div >::giu giu:</div>
<div >quello che vuoi</div>
</div>

ciao

**Dirk Pitt** · 06-11-2006, 11:52

Infatti ho risolto così, racchiudendo i due blocchi di due DIV in un DIV contenitore a testa al quale non ho settato la proprietà float.
Grazie

**ronnin** · 22-01-2008, 10:52

ciao a tutti!! mi permetto di postare qui senza aprire un nuovo 3d!!

allora, io ho un problema davvero simile!!

ho vari DIV che devono andare uno sotto l'altro SENZA SPAZI verticali tra loro!

div testata
div menu (con un elenco inlinea di immagini pulsanti)
div body 1
div body 2

la frase in grassetto indica il div che mi si "apre" e crea spazi sopra o sotto a seconda del browser..
http://intranet.remedia.it//mcdimagrimento/index.html
qui il link alla pagina

http://intranet.remedia.it//mcdimagrimento/style.css
qui il link al css

qualcuno sa aiutarmi???
io ce la sto mettendo tutta ma non ne vengo fuori per ora..

grazie mille!

**ronnin** · 22-01-2008, 12:22

rettifico.. piu' che aprirsi, diciamo che fra il div del menu e il div del body subito sotto si cresa uno spazio di qualche pixel che non voglio!

come faccio??

**ronnin** · 22-01-2008, 12:47

ok ho risolto da sola!!!

alla fine alle immagini usate per il menu ho impostato "centro assoluto" e magicamente la spaziatura indesiderata sotto il div e' sparita!!

**Dirk Pitt** · 22-01-2008, 13:11

E funziona sia con IE6/7 che con FF?

**ronnin** · 22-01-2008, 14:33

sisisi!
http://intranet.remedia.it//mcdimagrimento/index.htm

ecco il link!

Discussione: Affiancare div ma anche andare a capo

Strumenti discussione

Ricerca discussione

Visualizza

Affiancare div ma anche andare a capo

Permessi di invio