[DIV affiancati] Ora sclero

[Federix]

Non ci capisco più niente. Ho guardato le guide di html ma niente. Ho guardato il manuale, ma niente. Ho fatto un pò di prove ma niente. Ma come si fà a mettere tre livelli uno di fianco all'altro????
Ho questo CSS:

.container {
	width: 960px;
	height: auto;
	display: block;
	margin: 0px;
	padding: 0px;
	visibility: visible;
}
.inctop {
	width: 960px;
	height: auto;
	display: block;
	margin: 0px;
	padding: 0px;
	visibility: visible;
}
.incmain {
	border: 0px;
	width: 600px;
	height: auto;
	margin: 0px;
	padding: 0px;
	visibility: visible;
	float: center;
}
incsx {
	border: 0px;
	height: auto;
	margin: 0px;
	padding: 0px;
	visibility: visible;
	float: left;
}
incdx {	
	border: 0px;
	width: 180px;
	height: auto;
	margin: 0px;
	padding: 0px;
	visibility: visible;
	float: right;
}

e questo codice HTML:

<div id="container">
<div id="inctop"></div>
<div id="incsx"></div>
<div id="incmain">cazzolato</div>
<div id="incdx"></div>
<div id="inctop"></div>
</div>

[Sonikag]

Come si fa??? Quando mi è capitato di fare cose simi mi sa che mi hai aiutato tu :P
Cmq l'ultima volta ho risolto così:
http://www.inknoise.com/experimental/layoutomatic.php

Ciao
Sonia

[Steph]

ciao Federix

hai dimenticato i cancelletti in incsx e incdx e negli altri hai messo il .

[Federix]

Originariamente inviato da Sonikag
Come si fa??? Quando mi è capitato di fare cose simi mi sa che mi hai aiutato tu :P
Cmq l'ultima volta ho risolto così:
http://www.inknoise.com/experimental/layoutomatic.php

Ciao
Sonia

Grande Sonika, bel programmino questo.

Grazie Steph, anche tu avevi perfettamente ragione, ora funziona alla grande.

Accidenti a me!!!!

[Steph]

@Sonikag : bel programma davvero, mi salvo il link

@Federix : nn ti preoccupare tra poco c'e` la pausa pranzo e torni come nuovo

[Federix]

Originariamente inviato da Steph
@Federix : nn ti preoccupare tra poco c'e` la pausa pranzo e torni come nuovo

:metallica :metallica :metallica

PS = sarà il dente del giudizio che sta nascendo (non ti dico il dolore) che mi manda in palla.

[Sonikag]

Micca è farina del mio sacco... quel link l'ho copiato da qualcuno che l'ha postato qui!

[Federix]

Ricollegandomi al post, ma se io metto il padding-left: 3px; di un contenitore largo width: 180px;, questo contenitore mi diventa largo 183px, è possibile questa cosa oppure ho sbagliato qualcosa????

.titolo {
font-family: Arial, Verdana, Tahoma;
font-size: 12px;
font-weight: bold;
color: white;
width: 180px;
line-height: 18px;
padding-left: 3px;
text-align: left;
background-color: #009933;
}

[Steph]

Originariamente inviato da Federix
Ricollegandomi al post, ma se io metto il padding-left: 3px; di un contenitore largo width: 180px;, questo contenitore mi diventa largo 183px, è possibile questa cosa oppure ho sbagliato qualcosa????

.titolo {
font-family: Arial, Verdana, Tahoma;
font-size: 12px;
font-weight: bold;
color: white;
width: 180px;
line-height: 18px;
padding-left: 3px;
text-align: left;
background-color: #009933;
}

ricordi il 3d dove cazzeggiavamo con span? anche il padding come il border aumenta la larghezza

[Sonikag]

Si, ma se non erro il padding va "sotto" ai div...
Io ho fatto un sito con un div in posizione assoluta a sx e il div di dx l'ho fatto al 100% con padding = alla larghezza della colonna di sx. Però non vorrei dire cavolate ora non ho sotto il codice.

Cmq il link è comodo, anche se c'è sempre da fare qualche modifica, io l'ho usato una volta e alla fine non ho dovuto correggere poi più di tanto.