-
Problema con div
Salve a tutti, ho da poco aperto un sito, però sono un neofita e sto litigando da giorni con le div. Vorrei tanto mettere due div laterali al mio sito, ma non ci riesco :crycry:
Sono sicuro che è a causa del container ma non so cosa fare, vi ringrazio per l'aiuto.
Edit: mi sono appena accorto che esiste il tasto per andare nel sito dell'utente, cancello il link
-
crea un contenitore di width: 100%;
poi crea due box di questo tipo:
Codice HTML:
#left {
height: ...;
width: ...;
padding: 1px;
border: solid 1px;
border-color: ...;
color...;
background-color: ...;
float: left;
}
#right {
height: ...;
width: ...;
padding: 1px;
border: solid 1px;
border-color: ...;
color...;
background-color: ...;
float: right;
}
e nell'HTML:
Codice HTML:
<div id="contenitore">
<div id="left">
</div>
<div id="quello che hai ora al centro">
</div>
<div id="right">
</div>
</div>
Ciao!
PS: se il width del conteiner è 100%, fa sì che la somma delle percentuali di larghezza dei tre div sia circa 97-98, non 100
-
grazie per la tua risposta immediata ma non riesco a farla entrare bene
-
Posta il codice che hai già e dicci di quanti pixel devono essere larghi le due colonne laterali.
-
@gameschange: il codice che hai scritto non è del tutto corretto, per come hai scritto il CSS il div con id="right" dovrebbe precedere quello principale, così:
Codice HTML:
<div id="contenitore">
<div id="left">
<!-- la colonna sinistra -->
</div>
<div id="right">
<!-- la colonna destra -->
</div>
<div id="main">
<!-- la colonna centrale (principale) -->
</div>
</div>
Stammi bene...