Archief - xHTML: footnote probleem en rare W3C validation fout

Voor dat mensen mij gaan bestoken met:
"ja, je kan veel beter "background-color: #eeeeee;" gebruiken ipv image achtergronden te nemen" wil ik zeggen dat ik drop shadow heb gebruikt (mss niet zo slim achteraf bezien) en dus niet zo gemakkelijk kon slicen, en ik geef toe dat ik best onervaren ben (1 maand geleden kon ik zelfs geen basic html coden ...), en ik misschien beter anders had gesliced, maar goed ... hier is mijn probleem:

1e probleem:

Ik heb mijn site opgebouwd in div's maar nu wilde firefox mijn footnote background-image niet laten zien toen ik dit als code had:

(css: http://www.xpoob-gaming.net/Liquidz0r/Liquidz0rspring/style.css )
(website in kwestie: http://www.xpoob-gaming.net/Liquidz0r/Liquidz0rspring )


DUS ik ging wat hulp vragen bij mensen die ik kende en ze raadden me aan om de 2 classes te mergen, en dat deed ik dan maar dus bekwam ik dit (huidige code):


, maar toen was opeens niet alleen men balk in IE weg, maar ook in FF, DUS ik vroeg weer om raad en er werd me gezegd: "geef je div eens een background color, dus dat deed ik ook, en toen bleek het dat ie rechts van men template stond (raar? want men div orde klopt toch d8 ik?), maar toen zei men dit: "zet nu eens position: absolute in je css" dus dat deed ik ook ... nu zat men footnote image in het midden van men site in firefox, maar in IE was de footnote image compleet weg ... nu heb ik voorlopig voor firefox "top: 400px" in men ".footnote {" gezet zodat men footnote image wel vanonder komt, maar in IE is het dus nog altijd weg (en dit is eigenlijk ook geen goede manier om een image te positioneren ...) ... DUS ik zou eigenlijk graag weten hoe ik dat footnote-balkje ( background-image: url(images/foot.jpg) goed in beeld zou kunnen krijgen in IE en in FF.


Dit was dus mijn eerste probleem, nu heb ik ook nog een klein probleempje met de validation van W3C:

http://validator.w3.org/check?uri=h...charset=(detect+automatically)&doctype=Inline

Ik heb géén idee welke tag dat ik zou vergeten zijn want ik heb de code al 5x opnieuw bekeken maar ik merk niets op dat fout zou kunnen zijn ... weten jullie misschien wat ik fout doe?


Ik zou het zeer op prijs stellen als jullie me zouden kunnen helpen ... alvast bedankt.

Met vriendelijke groet,

Simon Verboven

simpel toch..

uw div tag is niet afgesloten van class="website"

maw er staat onderaan ergens een </div> te weinig

# Info Line 10 column 1: start tag was here.

<div class="website">

Klik om te vergroten...

dieje footer werkt blijkbaar alleen in opera deftig, lol

nuja, ge gebruikt ook veel te veel divs, voor zo'n layout hebt ge der geen 12 nodig (ge hebt btw maar 11 sluittags (rare validation fout toch heh remember the validator is always right ), toch nog es goe zien dan hoor, deftig inspringen kan wonderen doen, dan zie je dat in een oogopslag)

maar soit, voor zo'n layout zou k zeggen
- 1 containerdiv waarin ge alle andere divs steekt:
- nen div voor uwen header
- twee divs naast elkaar, eentje voor latest project, eentje voor zowel uw menu als uwe content
- ne footerdiv

that's it, begin daar al mee en kom dan nog is langs voor uwe footer, is veel te verwarrende code

Nja, ik heb een </div> bijgezet ... blijkbaar ben ik scheel geweest ergens ofzo .. (ik zie nog altijd niet waar ik hem open heb laten staan eigenlijk ... maar goed ) en dat is nu opgelost ...

* edit * : nja die ene div heb ik nu dan toch gevonden ^^

@ Quilombo:
- 1 containerdiv --> heb ik gedaan ... alleen heb ik die ipv class="container" class="website" genoemd.
- "nen div voor uwen header" ... euh? nja ik snap nie echt wa ge bedoelt ^^
- twee divs naast elkaar --> hmm, waarom is dat beter? ... nu heb ik gwn 2 div's onder elkaar waarvan de 2e in 3 is gesplit (scheidingslijn = 1 div)
- ne footerdiv --> heb ik da nie dan?

wrs hebt ge da wel aangezien ge 12 divs hebt

div voor uw header -> div met als achtergrond da landschap en als tekst "Liquidz0r.be - Landscapes in spring!"

- twee divs naast elkaar --> hmm, waarom is dat beter? ... nu heb ik gwn 2 div's onder elkaar waarvan de 2e in 3 is gesplit (scheidingslijn = 1 div)

Klik om te vergroten...

wrm dat beter is ?? omdat je nu overbodig veel divs hebt; die scheidingslijn moet totaal niet in een aparte div, die zet je gewoon als achtergrond image van bv. je contentdiv (dno welke naam je pakte, maar you get the point). minder divs maken het veel gemakkelijker en duidelijker en je zal je footerfout veel gemakkelijker terugvinden; wat denk je dat het gemakkelijkst werkt voor zo'n simpele layout, vier divs in een container of in totaal 12 divs :|

je moet gewoon beter leren herkennen wat je in een div stopt, en voor jouw layout is dat één voor de header, één voor dat dingetje waar latest project instaat, één voor je menu+content en één voor je footer, dat alles in een container and THAT'S IT. wat je eventueel nog kunt doen is je navigatie in een aparte div zetten maar dat hoeft in feite niet eens.

een div dient om je layout op te delen in header, navigatie, content, footer etc.; niet om zomaar willekeurig één of twee elementen in te steken: dan ga je voorbij aan het eigenlijke nut van een div, namelijk het groeperen van elementen die samenhoren

Nja ge hebt gelijk, kga morgen eens proberen die code te vereenvoudigen tot een paar div's ... nu is de page wel xhtml valid maar tis idd wel een beetje overbodig veel code als ik u uitleg zo bezie.

Het neemt wel nie weg dat men footerimage nog altijd fucked up is in FF of in IE (hangt er van af wat ik net instel) .