Hallo iedereen,

Ik ben bezig met een website, die wat objecten bevat die relative positioned staan.
Nu is de website volledig gevalideerd, zowel XHTML 1.0 Transitional als CSS 2.1.

Er is echter één groot probleem, namelijk: Internet Explorer (wat een verrassing).
De objecten zijn d.m.v. procenten op hun plek gezet. De objecten staan helemaal op de verkeerde plek, terwijl in FF de objecten op elke resolutie netjes blijven staan.
Als ik de objecten met pixels op hun plek zet, klopt er in FF niks meer van.

Is het nou de bedoeling dat ik een andere stylesheet maak voor IE? Of is er een manier waarop ik position:relative gelijk kan laten lopen aan IE?

Alvast bedankt!

heb je voorbeeld?

Als de objecten altijd op dezelfde plek staan moet je waarschijnlijk position:absolute i.p.v. relative gebruiken.

Origineel gepost door radule vucetic

heb je voorbeeld?

Ik heb een linkje voor je,
-verwijderd-
Aanvullend bericht:

Origineel gepost door Ben Boogaardt

Als de objecten altijd op dezelfde plek staan moet je waarschijnlijk position:absolute i.p.v. relative gebruiken.

Daar zat ik ook al aan te denken, maar hoe gaat position:absolute om met verschillende resoluties?

Hij werkt op lagere resoluties zowiezo niet goed. Ik heb namelijk 2 schermen staan een full hd 1920 bij 1080 daar krijg je alles te zien maar opm ijn 1024*768 krijg ik niet alles te zien en als je de breedte niet aanpast aan de resolutie dan zou ik gewoon zonder procenten werken want dit werkt al helemaal niet.

Misschien dat dit interesseant is voor u?
https://www.sitedeals.nl/werk/75588-c...erbeteren.html

De site is niet te zien in IE7, Laat staan IE6, daar zie je enkel paars met een mislukte witte balk.
Ik zou zeggen, lees de topic door, als je geintereseerd bent, dan hoor ik dat graag:)

Kan ik ergens heel veel bruikbare informatie vinden over de verschillen tussen de diverse browsers?
Ik heb laatst ook eens geprobeerd om een lay out in IE en FF gelijk aan elkaar te krijgen. Maar dit wilde met geen mogelijkheid lukken.

Heeft er denk ik mee te maken dat IE en FF op een iets andere manier met margin/padding omgaan.

@ Dennis,

Er zijn veel verschillen, ik zou zeggen, gewoon beter basen.
Vat dit niet slecht op, maar als je xhtml script, moet je goed met de margin en padding werken.
Wat heel veel meestal verkeerd doen, is vergeten het bij elkaar op te tellen. Dit zorgt ook voor grote problemen (meestal IE).

Als je een blok van width: 45px; hebt bijvoorbeeld.
Stel je doet padding-left: 5px;, dan zou je de width: moeten aanpassen naar 40px;
Heb je bijvoorbeeld padding: 5px, dan zou je de width op 35px; moeten zetten.

Dat optellen/uitrekenen lukt me altijd wel. En als je het verkeerd doet zie je het ook snel.

Probleem wat ik heb is dat mijn layout er in IE anders uit ziet als in FF. Als ik rechts in het midden van mijn contentvlak een paar kleine vlakken wil (bijv voor adsense reclame) dan worden die vlakken wel eens 25px/30px (ofzoiets) hoger of lager weergegeven in FF dan in IE.

En of ik dan met relative, fixed positions en/of float werk, het wil maar niet goedkomen.

ja maar waarom erk je eigenlijk met relative en fixed? waarvoor heb je dat nodig? Wil je af en toe een popup div erover heen laten gaan of?

Om dus een divje ergens in het midden te kunnen plaatsen.

Origineel gepost door Huso Bozkurt

@ Dennis,

Er zijn veel verschillen, ik zou zeggen, gewoon beter basen.
Vat dit niet slecht op, maar als je xhtml script, moet je goed met de margin en padding werken.
Wat heel veel meestal verkeerd doen, is vergeten het bij elkaar op te tellen. Dit zorgt ook voor grote problemen (meestal IE).

Als je een blok van width: 45px; hebt bijvoorbeeld.
Stel je doet padding-left: 5px;, dan zou je de width: moeten aanpassen naar 40px;
Heb je bijvoorbeeld padding: 5px, dan zou je de width op 35px; moeten zetten.

Dát was het probleem. Ik heb position:relative er nu uit gegooid, en gebruik gemaakt van margins. Zo te zien werkt de website nu perfect op de meest gangbare resoluties en browsers!