- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Problema con position: absolute
-
Problema con position: absolute
Salve, nella index ho questa disposizione:
<div id="main">
<div id="content"></div>
<div id="sidebar"></div>
</div>E nei CSS ho inserito "position absolute" ai due elementi figli per sistemare la sidebar a sinistra nonsotante sia scritta dopo, specificando la giusta distanza (left e top), e dando "relative" all'elemento genitore main.
Nonostante ciò, la sidebar continua a posizionarsi al lato con i giusti margini ma sotto il content e non alla stessa altezza (è come se non considerasse il top)
Dove sto sbagliando?
-
Non è necessario ricorrere alla direttiva position, puoi usare semplicemente float left / right per allineare a sinistra o destra ...
Saluti
-
Il problema è che io voglio scrivere prima il content...così che compaia più in alto possibile nel body...
Se allineo le sidebar (che poi sarebbero 2) con float left e right me le allinea bene ma solo se le dichiaro prima del content...altrimenti me le mette sotto uguale...
-
Dovrebbe essere qualcosa del genere:
<div id="content" style="float: right; width: 75%">
</div><div id="sidebar" style="float: left; width: 20%">
</div>Il margine che trovi libero (5%) è una precauzione che personalmente uso sempre in modo da evitare quello che è capitato a te ora, cioè che eventuali testi "lunghi" facciano sforare il div facendolo quindi posizionare sulla riga successiva.