[XHTML/CSS] weergave FF anders dan IE*

[Goegol]

We zijn nu bezig met een project voor het HBO. We moeten een site ontwikkelen die voldoet aan een te lange lijst met eisen. De site moet volledig in CSS, PHP 5 OO en XHMTL worden geschreven.
We mogen geen gebruik maken van tabbelen, frames en die zooi. Om alles goed neer te zetten moeten we gebruik maken van DIV's

Nu het volgende probleem: De lay-out is perfect in IE, op een paar kleine schoonheidsfoutjes na. De site staat ook netjes in het midden, maar in FF staat tie recht, en gooit tie hem door elkaar.

de link is http://hro.lachje.nl
Weet iemand wat we fout hebben gedaan? De bron kan je oproepen via rechtermuis klik en dan bron.


Alvast bedankt!

Hans-Paul

edit: kom er net achter dat dit topic mischien niet helemaal in het juiste subforum staat, mod je mag het wijzigen!

[ Voor 9% gewijzigd door Goegol op 30-01-2006 20:55 ]

[Royal]

Zet alles in 1 div en noem deze bv "container" vervolgens geef je met css aan

div#container {
margin-left: auto;
margin-right: auto;
}

Dat zou moeten werken, succes!

[Goegol]

Gedaan, maar werkt helaas niet:

<div id="top">code</div>

en dan in de css
margin-left: auto;
margin-right: auto;

[Goegol]

We zijn er bijna..het werkt via de volgende manier
om te centreren in FF het volgende toevoegen aan de hoofd div

margin-left: auto

en margin-right: auto

Alleen zit er ergens in de divs nog een foutje...maar we zijn op weg!

[M@rijn]

We doen je natuurlijk niet helpen bij je opdracht maar dat kan de Firefox Web Developer Extension wel doen voor je

http://chrispederick.com/work/webdeveloper/

Hiermee kan je zonder in de code te rommelen realtime bijv CSS wijzigen e.d.

[ Voor 20% gewijzigd door M@rijn op 30-01-2006 21:15 ]

[Royal]

Nu nog "grijslinks" een float: left; en "main_blok" een float: right; geven

edit: vergeet niet de top een width mee te geven, dit kan voor problemen zorgen

[ Voor 44% gewijzigd door Royal op 30-01-2006 21:28 ]

[Eggy]

edit: kom er net achter dat dit topic mischien niet helemaal in het juiste subforum staat, mod je mag het wijzigen!

Mag dat? Wat aardig van je


Het is wel een huiswerkvraag maar ik zal hem moven naar Webdesign, mogen ze daar beslissen of ze hem sluiten

[crisp]

Wist je dat er veel meer elementen bestaan in (X)HTML die vaak je inhoud ook een stuk beter beschrijven? Dit lijkt wel smurfentaal

En met CSS kan je juist voorkomen dat je dingen mbv no-breaking-spaces moet gaan uitlijnen

[Verwijderd]

Blijkbaar keurt Crisp deze huiswerkvraag goed. Dan zal ik maar even wat tips geven.

plaats het menu in een lijst, het inloggen en groepsleden gedeelte zou mooi in een definition list kunnen. Welkom op onze site zou ik in een heading gooien. geen dubbele breaks gebruiken om een paragraaf aan te duiden, maar gewoon een paragraaf element. Het inlog formuliertje zou ik met labels doen. Of desnoods in een tabel met scope op row. form wel buiten de definition list gooien.

Voor de rest zou ik eens het artikel Do you smurf what I smurf van Rikkert Koppes lezen. Crisp verwijst er al lichtelijk naar.

[crisp]

* crisp is out of slotjes

En huiswerk is om van te leren, tips geven mag dus wel wmb

Mijn tip dan: IE met z'n bugs en foutieve implementatie van o.a. CSS is natuurlijk niet de beste graadmeter. Als je je aan standaarden wilt houden is het beter om je site op te zetten met behulp van een browser die standaarden wel goed (of in ieder geval beter) ondersteund. IE vergt dan vaak nog wel wat hack-werk, maar je leert jezelf in ieder geval de materie dan wel goed aan

[BtM909]

Verwijderd schreef op maandag 30 januari 2006 @ 23:10:
Blijkbaar keurt Crisp deze huiswerkvraag goed. Dan zal ik maar even wat tips geven.

Huiswerktopics zijn niet per definitie Ev0l

[Borromini]

crisp schreef op maandag 30 januari 2006 @ 23:17:
* crisp is out of slotjes

En huiswerk is om van te leren, tips geven mag dus wel wmb

Mijn tip dan: IE met z'n bugs en foutieve implementatie van o.a. CSS is natuurlijk niet de beste graadmeter. Als je je aan standaarden wilt houden is het beter om je site op te zetten met behulp van een browser die standaarden wel goed (of in ieder geval beter) ondersteund. IE vergt dan vaak nog wel wat hack-werk, maar je leert jezelf in ieder geval de materie dan wel goed aan

Ik heb me laten vertellen dat Opera meestal heel strikt is wanneer het om standaarden gaat. En Opera 8.51 geeft de pagina van de TS perfect weer (al werken de links in de balk niet, maar ik veronderstel dat dit ook nog niet de bedoeling is?).

Edit: in Firefox 1.5 ziet het er ook best ok uit... Of ben ik diegene die niet snapt hoe ie dr uit moet zien

[ Voor 8% gewijzigd door Borromini op 31-01-2006 17:21 ]

[Goegol]

Het is allemaal opgelost!!
Alvast allemaal bedankt, en we zullen de tips mee nemen!
Thanks mede tweakers!

[peke]

Misschien eens vermelden hoe je het opgelost hebt??
Ik heb vroeger ook layoutproblemen gehad met IE en FF.
Opgelost door in de css de margin waarden voor de divs op 0 te plaatsen.

[Goegol]

Door de bovenstaande dingen die zijn aangedragen hebben we het opgelost!

[Verwijderd]

in safari staat het hro logo 'buiten' de site column, of is dit de bedoeling?

[Goegol]

Leraar gebruik geen safarie