Site is net wat anders in IE

[ZpAz]

In IE staan mijn divjes net wat dichter bij elkaar. En de context linkjes doen het daar ook nogal vreemd. Wat heb ik fout gedaan? (In FireFox ziet alles er wel netjes uit )

site: http://members.home.nl/jdijkstra2/WIP/Webdesign/S-Creations/
css: http://members.home.nl/jd...-Creations/stylesheet.css

Mijn dank is groot

[Rowanov]

Kwestie van boxmodel verschillen lijkt me; is wel op te lossen, maar ik weet er niet zo snel 1 truck voor aangezien ik intuitief vanaf het begin zo prog dat ik deze problemen niet krijg
Hier kan je er wel wat over lezen.

Verder vind je vast wel info als je hier een zoekopdracht op "boxmodel" doet

[Verwijderd]

/me denkt eigenlijk aan float bugs, op te lossen door hasLayout te forceren
http://www.satzansatz.de/cssd/onhavinglayout.html

[Sappie]

Je hebt onder andere te maken met de double margin bug met betrekking tot je div met id "content". IE6 heeft de nare eigenschap margins dubbel te tellen wanneer gebruik gemaakt wordt van floats.

kijk bijv hier: http://www.positionisever...lorer/doubled-margin.html

Edit: deze bug veroorzaakt ook het probleem met je content_text.

_{Verder raad ik je aan eens verder te kijken naar semantiek met betrekking tot html. De lijstjes met links zou je bijvoorbeeld namelijk beter in een list gooien. Tevens is het creëren van een duidelijke hiërarchische structuur middels headings aan te raden.}

[ Voor 42% gewijzigd door Sappie op 09-03-2006 21:22 ]

[Verwijderd]

Sappie schreef op donderdag 09 maart 2006 @ 21:18:
_{Verder raad ik je aan eens verder te kijken naar semantiek met betrekking tot html. De lijstjes met links zou je bijvoorbeeld namelijk beter in een list gooien. Tevens is het creëren van een duidelijke hiërarchische structuur middels headings aan te raden.}

Plus het gebruik van classes ipv ID's aangezien die uniek behoren te zijn, das nu niet het geval.

[ZpAz]

Ik heb nu de li gebruikt voor het menu en classes ipv id's wanneer nodig.

Hij ziet er nog steeds goed uit in FF

De linkerkant van de site (het menu niet) ziet er nu ook beter uit in IE. Behalve de linkjes.

Maar het menu staat nu helemaal vreemd.

Wat is er nu verkeerd?

http://members.home.nl/jdijkstra2/WIP/Webdesign/S-Creations/

http://members.home.nl/jd...-Creations/stylesheet.css

[crisp]

Je #content_right_ads heeft nog steeds last van IE's double-margin bug.
Verder dien je rekening te houden met verschillende defaults voor padding/margin op bijvoorbeeld heading- en paragraph-elementen (plus dat IE verkeerd omgaat met collapsing margins).

Overigens; waarom een H1 gebruiken voor menu-items?

[ZpAz]

De h1 is omdat ik sommige gedeeltes wat groter wou (Design en Software)

Hoezo? Had ik daar een andere voor moeten kiezen?

die content_right_ads werdt niet gebruikt.. Die was ik er vergeten uit te halen:)

[ Voor 25% gewijzigd door ZpAz op 11-03-2006 15:17 ]

[crisp]

ZpAz schreef op zaterdag 11 maart 2006 @ 15:14:
De h1 is omdat ik sommige gedeeltes wat groter wou (Design en Software)

Hoezo? Had ik daar een andere voor moeten kiezen?

Het hoogste level heading-element vind ik daarvoor semantisch gezien nou niet de beste keus; ik zou dan eerder voor een h3 of h4 gaan of een legend of een geneste list om hyarchie aan te geven

[Verwijderd]

Toch is het in dit geval op zijn minst raar om er een hn element voor te gebruiken, aangezien de betreffende titels op de huidige pagina helemaal geen hoofdstukken aanduiden. Ik zou het houden bij ul en li elementen, met daarbinnen alleen tekst of a elementen.

[ZpAz]

Bedankt voor alle hulp tot nu toe

Nu ziet de site er bijna hetzelfde uit als in FF en IE.

Het enige probleem is de list in IE en FF is het beide keren niet zoals ik het wil hebben . In FF staat het te ver naar rechts zo ook in IE.

De list moet dus dichterbij de linker kantlijn komen

En de content plaatjes Die zitten in IE tegen de onderste rand aan. In FF klopt het wel:)

[crisp]

wb je lists moet je even kijken naar padding/margin op je ul en li-elementen

[ZpAz]

Er veranderd niets als ik de paddings of margin's op een ul of li instel?

[crisp]

ZpAz schreef op zaterdag 11 maart 2006 @ 19:04:
Er veranderd niets als ik de paddings of margin's op een ul of li instel?

Cascading Stylesheet:

div.content_right ul {
  padding: 0;
}

toch wel hoor