geplaatst door: dick dale
Beste mensen,
in de opzet van een nieuwe site heb ik het volgende gemaakt:
http://members.casema.nl/jrm/

In Safai, FireFox, Opera: alle prima in beeld
Zelfs w3.org vindt het goed zie:
http://validator.w3.org/check?uri=http%3A%2F%2Fmembers.casema.nl%2Fjrm%2F

MAAR: IE7 gooit de content naar onderen! Waarom?? Ik heb er een tijd mee zitten puzzelen, maar ik kom er niet uit. Voordat ik verder ga me het bouwen wil ik dit probleem wel opgelost hebben, wie ziet een mogelijkheid (een fix) om de site ook in IE juist weer te laten geven?

Alvast heel veel dank voor de moeite!!
Gegroet!

(Bewerkt door dick dale om 23:03, 29-10-2009)

Website niet goed in beeld bij IE7 ander browsers wel ok
29 oktober 2009 - 23:29    reactie #1
geplaatst door: MacWim
Dick, ik heb ook geen IE tot m'n beschikking om te testen, maar het zou in jouw geval zelfs kunnen schelen als je de sidebar links even leegmaakt. IE kan er soms slecht mee omgaan als er content is die niet in zijn div past.
Bij jou overschrijdt de term 'sidebarLinks' de 30 px (wat een raar smalle kolom trouwens, kun je niet net zo goed een padding van 30 px links geven?).

De sidebar rechts staat nog rechts van de toch al zeer brede header. Is dat de bedoeling?
Je 'introknop' lijkt in de header te moeten staan, maar staat in de sitebar.

En ga eens rekenen: 'main' heeft te veel marge en/of padding om tussen de rest te passen.

Mac mini M1, 16 GB 1TB | MBA 6.2 | iPhone 13 mini | iPad 2025 | iPod touch 2009 | Apple TV 3
Bouw websites; webteksten; beeldbewerking met Pixelmator Pro. interlijn.nl
Website niet goed in beeld bij IE7 ander browsers wel ok
30 oktober 2009 - 00:18    reactie #2
geplaatst door: dick dale
Dank je wel MacWim voor je snelle reactie.
Met je opmerkingen heb ik wat wijzigingen aangebracht.
De sidebarLinks gebruikte ik om een een doorlopende streep aftedekken, door de padding van 30px aan te geven kan die SidebarLinks weg. Prima dus. Maar dat gaf nog niet de oplossing. De IE fout bleef.
Door de header (waar het logo in moet komen wat minder breed te maken en de rechter Sidebar dan niet te laten overlappen, loste het probleem zich op.
Nu klopt het ontwerp niet meer wat ik in gedachten heb, de kruisende strepen die ik voor ogen heb moet ik maar met een illustratie oplossen.
Gegroet en nogmaals dank.
Website niet goed in beeld bij IE7 ander browsers wel ok
30 oktober 2009 - 07:53    reactie #3
geplaatst door: Eelco
Om de een of andere reden verschuift IE soms alle content 1 pixel waardoor een div niet langer past en dus naar beneden wordt gedrongen.
Kijk eens op http://www.positioniseverything.net/round-error.html
Website niet goed in beeld bij IE7 ander browsers wel ok
30 oktober 2009 - 14:25    reactie #4
geplaatst door: ettepet
Heb hier IE6 tot mijn beschikking, daar gaat het ook mis.
Je kunt dit in deze browser corrigeren door de header wat minder breed te maken, bijv.:


.twoColFixRtHdr #header {
width: 718px;
}

Nog wel even van die if IE 6 comments eromheen zetten.


[edit]
Suf, zie pas nu dat je dit zelf ook al ontdekt had  :biggrin:
[/edit]

(Bewerkt door ettepet om 14:27, 30-10-2009)

Website niet goed in beeld bij IE7 ander browsers wel ok
30 oktober 2009 - 14:41    reactie #5
geplaatst door: dick dale
evengoed bedankt!