- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Aiuto Css e Explorer
-
Aiuto Css e Explorer
Potete controllare questa pagina e aiutarmi a capire dove sta l'errore?
www.tcinformatica.info/home.html
Nelle altre pagine è tutto ok sia in Firefox che Explorer...sebbene siano gemelle alla home.html
:bho:Grazie.
MaCPS. sto iniziando un corso di css in rete...spero di non disturbarvi più.
-
ciao Fairfocs!
La home è l'unica pagina con un layout a due colonne! Poichè la colonna di sinistra (che immagino sia quella con float:left), è più corta di quella di destra, il browser calcola l'altezza tenendo come riferimento la colonna flottante. Risolvi questo problema con il trucchetto del
<div style="clear:both"></div>Ovvero aggiungi un div (elemento di blocco) al di sotto delle due colonne, con la proprietà clear, in modo da "annullare" la proprietà float, da quel punto in poi. In questo modo il footer dovrebbe tornare al suo posto
Buona lavoro
meryk
Ps: qui non disturbi mai, siamo qui apposta!
-
Sembra non funzionare. Altre proposte?
Grazie mille.
-
Ci sono un pò di problemi in generale però vediamo di risolverlo in qualche modo.
Quindi intanto potresti iniziare facendo così:
- togli l'altezza fissa dai paragrafi (mi pare che attualmente sia a 250px). Essi si allungheranno automaticamente "sentendo" il proprio contenuto e il browser interpreterà meglio queste sue proprietà
- aggiungi la proprietà "float:left" alla classe process e ai paragrafi al suo interno (quindi ai tag p).
- Dai una larghezza (width) al div con classe "process" pari a quella che hai dato ai paragrafi al suo interno e la togli da quest'ultimi (quindi inserisci "width:353px" alla classe sopracitata).Ci sono alcuni errori volti ad esempio all'uso inappropriato del tag "span" il quale nella pagina cerca di sostituire la funzione del paragrafo.
Dimmi se ci sono stati dei miglioramenti o se non hai capito qualcosa
Ciao!