key-logo

testpagina om zonder divjes te werken

Lijst: ul li

Lijst: ul li

Table in een Fieldset (table moet ergens in -voor de layout- , P is geen goede optie)

scorelijst
TOTAAL G-sleutel F-sleutel F en G-sleutel || ||| F en G-sleutel ||| ||
800200200200200
760 190190190190
680170170170170

Form / Fieldset

dit scriptje zat eerst in een form, en het zag er ook wel goed uit. Maar om te kunnen valideren (xhtml 1.1) heb ik het veranderd in fieldset; het blijft werken en w3c is gelukkig ook tevreden.

P (paragraaf)

hieronder staan de aanpassingen/verbeteringen, die gemaakt zijn op versie 1 en 2

de 3pixelbug is nu verholpen door een float:right op: h2, h3, h4, h5, h6, ul.docu, ul.pdf, ul.gewoon, p, fieldset, iframe, form, ul#footer

in FF en Opera was de body - die zich hier gedraagt als een divcontainer - weggevallen, d.w.z. de achtergrondkleur. omdat alles was gefloat; de height 1% is dan ook werkelijk 1 procent: zie voorbeeld (de body zelf moet dan ook een float krijgen om het te verhelpen..

daarmee kwam er een ander probleem; in IE was de body nog wel gecentreerd, maar niet meer in Opera en FF, ik kwam erachter dat ipv een float toe te voegen, je ook de body een position:absolute kon geven (om de achtergrond kleur te kunnen zien)..

door het truukje om met een negatief margin te werken, is het gecentreerd en met een volledige goed uitziende body in IE, FF, Opera..en geen hacks of truukjes meer nodig om de 3pixelbug te verhelpen..het 'gefloatte menu' veroorzaakte dat namelijk.

er was nog een probleempje met de lijst in IE...bij een mouseover versprongen de items een beetje (alleen bij de lijsten met een style-image) waarschijnlijk veroorzaakt door een te kleine font-size..in de ul li is een height:24px gezet.

de Doctype is wel van invloed om zonder divjes te werken, vooral voor IE is het nodig om en xhtml doctype te gebruiken. FF en Opera hebben er geloof ik geen moeite mee.

de bottom-copyright tekst etc... - helemaal onderaan - is gepositioneerd met een negatief bottom; je ziet het dus nu eigenlijk onder de body! alleen Opera geeft dit niet goed weer..

Probeer dit uit in Opera: soms zie je de bottomtekst wel, maar na refreshen (F5) verdwijnt het..ga je daarna met je muis over één van de twee menuutjes bovenaan, dan zie je de bottomtekst weer verschijnen...komisch :))