Div container verplaatst in Firefox

[Verwijderd]

Dag mensen,

Na een aantal uurtjes sleutelen aan mijn website ben ik het volgende tegengekomen:

Op de ene pagina staat de container div netjes in het midden, maar op een andere pagina schuift de div een aantal pixels naar links. Nu ben ik erachter gekomen dat dit alleen gebeurt wanneer er een <ul> of een <table> in de pagina voorkomt.

Tevens gebeurt het alleen bij Firefox.

Even een plaatje ter illustratie.



Iemand een idee hoe dit op te lossen is? Want is natuurlijk niet een grote ramp maar ik stoor mij hier wel erg aan aangezien klanten hier ook mee te maken gaan krijgen.

Ik heb al geprobeerd om van alle ul en tables de margin en padding op 0 te zetten maar dit heeft geen effect. Het zal wel weer iets met een hack te maken hebben, maar ik kan er niets over vinden tot op heden.

Bij voorbaat dank

[Cadezo]

post eens wat code van je site of zet iets online...

[moozzuzz]

Ik denk dat het door je scrollbalk komt.

[goMY]

Het zal idd wel door de scrollbar komen aangezien die op dezelfde hoogte zit, maar verder heb je hier weinig aan aangezien er geen verdere informatie (code...) is.

[ Voor 4% gewijzigd door goMY op 21-05-2007 00:18 ]

[mithras]

.. met als aanvulling dat je kennelijk geen containerdiv hebt die álle elementen bevat, gezien niet al je blokken opschuiven en de scrollbar niet de volledige hoogte is. Ik zie sowieso een herhaling van je website en weet niet of dat de bedoeling is, maar het makkelijkste is denk ik zoiets toe te passen:

HTML:

div id="container">
  <a href="http://www.rengelinkwebdesign.eu/"><img src="header.png"></a>
  <div id="menu"><!-- hier lijst met links voor menu--> </div>
  <div id="content"><!-- hier je inhoud --></div>
  <div id="footer"><!-- hier je copyright --></div>
</div>

[Verwijderd]

mithras schreef op maandag 21 mei 2007 @ 08:56:
.. met als aanvulling dat je kennelijk geen containerdiv hebt die álle elementen bevat, gezien niet al je blokken opschuiven en de scrollbar niet de volledige hoogte is. Ik zie sowieso een herhaling van je website en weet niet of dat de bedoeling is, maar het makkelijkste is denk ik zoiets toe te passen:

HTML:

div id="container">
  <a href="http://www.rengelinkwebdesign.eu/"><img src="header.png"></a>
  <div id="menu"><!-- hier lijst met links voor menu--> </div>
  <div id="content"><!-- hier je inhoud --></div>
  <div id="footer"><!-- hier je copyright --></div>
</div>

Ik heb het ook precies zo, en mijn complete container schoof ook op. Dit kwam inderdaad door de scrollbar. Stom dat ik dan daar weer niet aan denk.

Bedankt iedereen.


edit: Ik lees nu pas dat je denk dat het plaatje boven één pagina is. Hierboven zijn twee pagina's die ik in een plaatje samen heb gevoegd zodat het wat duidelijker te zien was wat er verschoof.

[ Voor 11% gewijzigd door Verwijderd op 21-05-2007 11:23 ]