- Home
- Categorie
- Coding e Sistemistica
- Coding
- layout a colonne: cosa sbaglio?
-
layout a colonne: cosa sbaglio?
Ciao ragazzi,
mi trovo ad avere delle pagine coi css con il classico problema dei Div che non terminano "assieme"
Eppure mi sembra di avere seguito le indicazioni correttamente...ma evidentemente così non è!!:?
Qualcuno mi sa dire dove sbaglio?
Es. Pagina semplice: hotel-excelsior.it/italiano/last.asp
CSS: hotel-excelsior.it/stili.css
Grazie
-
Succede perché la colonna left è più lunga della colonna right e non c'è specificato alcuna height per il div low che li contiene. O aumenti il contenuto nella colonna destra, o specifichi un height per il div low.
Oppure usa il float e un width per la colonna destra, togliendo la posizione absolute a quella sinistra:#right {
float: right;
width: 700px;
}Probabilmente ci sono ancora altri modi per sistemare le cose, ma questi 3 sono le prime che mi vengono in mente.
-
A si, c'è un quarta soluzione senza dover specificare la larghezza della colonna sinistra. Scrivi la colonna left nel html prima della colonna right. Togli la posizione absolute della colonna left e metti float: left.
#left {
width: 200px;
background-color: #feedd5;
float: left;
}#right {
margin-left: 202px;
}
-
Perfetto, grazie.
La terza soluzione, leggermente adattata nelle misure di larghezza, sembra essere quella che maggiormente confà con le mie esigenze...
ciao