Ciao ragazzi, questo è il mio primo post anche se è un po' che guardo le guide...premetto che sono totalmente alle prime armi.
In questi giorni mi sto cimentando nella realizzazione di un semplicissimo sito web in html+css, usando solo css senza tabelle.
Ieri sono incappato in una cosa che non riesco a capire, praticamente io ho una barra di navigazione formata da due pulsanti in fondo alla pagina, sopra c'è del contenuto.
Finchè nel contenuto c'era solo testo Ok, poi ho pensato di inserire un div con un immagine che si allineasse a destra all'interno del div del contenuto. Ecco da quel momento se l'immagine supera in lunghezza il testo mi spinge in basso anche il div dove è contenuto uno dei due pulsanti della barra.
I due pulsanti della barra barra sono contenuti loro stessi in un altro div.
Sapreste dirmi come mai e come posso risolvere...non volevo usare delle tabelle...
Metto del codice per fare chiarezza:
HTML:
<div id="contenuto">
<div id="fotodx">[img]foto_rid.jpg[/img]</div>
testo
</div>
<div id="navbar">
<div id="btnspec">[img]btn_spec.jpg[/img]</div>
<div id="btnmont">[img]btn_mont.jpg[/img]</div>
</div>
CSS:
#navbar {
width: 642px;
margin-top: 20px;
margin-right: auto;
margin-left: auto;
height: 80px;
}
#contenuto {
height: auto;
width: 580px;
margin-top: 20px;
margin-right: auto;
margin-left: auto;
margin-bottom: 40px;
}
#fotodx {
float: right;
margin-bottom: 0px;
display: inline;
}
#btnmont {
float: left;
width: 312px;
}
#btnspec {
float: left;
height: auto;
width: 330px;
}
Rispondi quotando
