problema padding e firefox

[Mich_]

Anzitutto fai una validazione del codice HTML e CSS (validatore HTML e validatore CSS), dato che ci sono errori relativi alla DTD usata.

Poi e` molto piu` facile se sistemi prima per FF e altri browser standard, e poi utilizzi gli hack opportuni per IE (meglio e` usare i commenti condizionali)

In IE il box model e` diverso, ma nel tuo caso in cui usi XHTML Strict, non dovrebbe manifestarsi (pero` devi usare tutto di XHTML Strict, non solo quello che ti fa comodo - vedi validazione).

Tieni anche presente che il tag
e` una via di mezzo fra presentazionale e di contenuto, per cui sarebbe da evitare (di solito ci si riesce usando i CSS opportunamente).

PS: togli il prologo XML: non e` obbligatorio per XHTML 1.0, e IE altrimenti non capisce il DOCTYPE.

[sandu]

il codice è validato ... (c'era solo un problema di charset nella dichiarazione xml che però come mi hai suggerito ho tolto ... e un paio di warnings sul colore nei css)

ho tolto la dichiarazione xml ...


il problema però rimane !

Sto cercando proprio di sistemare per firefox visto che uso quello ... ma quello solo mi da il problema mentre IE no !

la cosa mi sembra molto strana :master:

[Mich_]

Io in quel codice ho visto alcuni errori:
- tag non chiusi (<link>)
- testo direttamente in un <div> (senza il

o altro tag che puo` contenere testo)

E finche` ci sono errori XHTML non ha molto senso sistemare il CSS.

Hai un link, in modo da visualizzare la pagina?

[sandu]

effettivamente c'erano questi errori ... non ci avevo fatto caso perchè con il validatore non me li aveva dati ...

adesso li ho sistemati ma il risultato è che la colonna si sovrappone da subito al content e non soloquando rimpicciolisco come prima ...

purtroppo non ho un link perchè la sto provando il locale ...

[sandu]

lo caricata qui :

http://www.robyweb.altervista.org/

grazie

[Mich_]

A partte che a me personalmente non piace come fai le colonne (iole farei con i float, invece), ma stai sbagliando i conti.

La larghezza di un blocco (nei browser standard) e` dato da:
margin + border + padding + width + padding + broder + margin.

ora tu invece hai fatto i calcoli come se fosse IE, con bordi e padding che fanno parte di width.

Leggiti i manuali CSS alla voce "box model".

PS: il <DOCTYPE> deve esser la prima istruzione del file, senza acapo prima, altrimenti IE non lo capisce.

[sandu]

grazie ...

scusa ma io le colonne le ho fatte con i float ! :master:

comunque ora ho modificato ( e ho capito la questione di width ) e ho specificato anche i bordi e i margini a zero ...

ora non so esattamente se utilizzerò il layout a 2 o 3 colonne ... l'ho fatto così perchè sto cercando di farlo molto accessibile e questa mi pareva una buona soluzione ...

cosa ne pensi ?

[whisher]

Ciao.
Scusa l'ardire ma questa non la capisco:

<div id="header">


500s, when an unknown printer took a galley of type and scrambled
it to make a type specimen book. It has survived not only five centuries,
but also the leap into electronic typesetting, remaining essentially unchanged.
It was popularised ndfj dklfkldlfg aòp aò klj spja aòjfògjòaljfgò


<div>

a che pro quei br !!!!
Consiglio invece del padding usa o border o margin.
Da parte mia preferisco affrontare i vari padding a livello
di contenuto non di layout principale.

[sandu]

è solo una pagina di prova per vedere come rende visivamente il layout ...
per questo non ho settato bene i margini , bordi e il resto ...

sto cercando prima di creare la griglia generale e poi lavorare singolarmente sulle varie parti...

[whisher]

Appunto leva quel padding che ti
inc....a il layout.
Guarda ma questa è una mia opinione
+ studi il layout principale (cioè lo
riduci all'essenziale) meno triboli dopo
ad esempio per dirne una ti consiglerei
di usare questa semplice regola:

* {margin:0px;padding:0px}

così ti sbarazzi di tutti i vari margin
e padding e li setti dove ti pare.