PDA

View Full Version : [HTML/CSS]affiancare 2 div


Ansem_93
25-08-2010, 14:55
Salve,sto cercando di fare un sito.
Vorrei affiancare due div:uno contenente il menų,l'altro per il contenuto della pagine (solito schema menų laterale a sinistra+contenuto).
Ho cercato con google,ma ho trovato solo come consiglio quello di usare il float:left nel css.
Ho provato e con IE8 tutto bene,mentre con mozilla e chrome me li sovrappone :muro:
di chorme mi importa meno,ma mozilla ha comunque una buona fetta di mercato e vorrei che lo visualizzasse correttamente.
Qualcuno sa dirmi come fare??

dojolab
25-08-2010, 15:03
Salve,sto cercando di fare un sito.
Vorrei affiancare due div:uno contenente il menų,l'altro per il contenuto della pagine (solito schema menų laterale a sinistra+contenuto).
Ho cercato con google,ma ho trovato solo come consiglio quello di usare il float:left nel css.
Ho provato e con IE8 tutto bene,mentre con mozilla e chrome me li sovrappone :muro:
di chorme mi importa meno,ma mozilla ha comunque una buona fetta di mercato e vorrei che lo visualizzasse correttamente.
Qualcuno sa dirmi come fare??

a) devi dare una dimensione ad entrambi i div
b) impostare float lef (o right, dipende dove li vuoi) ad entrambi i div
c) impostare un clear:both dopo i due div floattanti
d) occhio ai margini, bordi, ecc.

PS. se posti il codice tuo č meglio!

:)

Ansem_93
25-08-2010, 15:47
a) devi dare una dimensione ad entrambi i div
b) impostare float lef (o right, dipende dove li vuoi) ad entrambi i div
c) impostare un clear:both dopo i due div floattanti
d) occhio ai margini, bordi, ecc.

PS. se posti il codice tuo č meglio!

:)


div {position:relative;
left:80%;
width:10px;
float:left;}

per ora li ho messi cosė,chiamandoli entrambi div(č solo una prova per riprendere la mano con l'html e fare esercizio).
Il clear:both a cosa serve?

Ansem_93
26-08-2010, 10:48
nessuno mi sa aiutare?E' parecchio importante come cosa per me :(

Bettapro
27-08-2010, 00:17
perchč li chiami div?:confused:
basta che invserisci nel css una cosa del genere:

#menu {
display:inline;
float:left;
width:___px;
}

#contenuto {
display:inline;
float:left;
width:___px;
}

ricorda che se la grandezza del loro contenitore e minore della somma dei due div allora non saranno affiancati per forza.:D

alvinian
27-08-2010, 22:38
Ti basta un display: inline nel secondo div

anonimizzato
28-08-2010, 07:37
Usate il tag CODE quando scrivete del codice in un post perfavore.