[bug firefox] fontSize aanpassen geeft "overloop" elementen - Softwareontwikkeling

dinsdag 4 mei 2004 23:54

Acties:

Topicstarter

Om een site gecentreerd uit te lijnen gebruik(te) ik de volgende CSS

Cascading Stylesheet:

#site_container{
  position:absolute; 
  left:50%;
  margin-left:-(1/2* de breedte)
}

bij een volgende structuur

HTML:

<body>
  <div id="site_container">
    <!-- hierin een hoop zooi -->
  </div>
</body>

Wanneer ik bij deze structuur via

JavaScript:

1	document.body.style.fontSize = 'XXpx'

de tekengrootte van de site aanpas vallen de teksten over de randen van hun bovenliggende elementen heen.

Een oplossing die ik heb gevonden is de position:absolute; vervangen door position:relative;. Dit geeft in ieder geval geen problemen bij het verder weergeven van de site.

Om gelijk maar even 2 voorbeelden te geven:
- http://www.fabianonline.nl/orings/ontwerp_goed.asp
- http://www.fabianonline.nl/orings/ontwerp_fout.asp

Mijn vragen:
- Is dit een bug van firefox / mozilla??
- Zijn er nog andere oplossingen??

Op zoek naar een baan als Coldfusion webdeveloper? Mail me!

woensdag 5 mei 2004 01:11

Acties:

T-MOB

Ik zie het probleem niet helemaal, met ctrl+ de textgrootte aanpassen in FF levert bij mij in zowel "goed" als "fout" hetzelfde resultaat...

Een andere manier van centreren weet ik wel:

code:

body {
text-align: center; /* voor IE < 6 */
}

#container {
text-align: left; /* voor IE < 6 */
width: 80%;
margin: 0 auto;
}

[edit:
Ik krijg ook een JS error op "fout": 'Menu has no properties'
]

[ Voor 15% gewijzigd door T-MOB op 05-05-2004 01:17 ]

Regeren is vooruitschuiven

woensdag 5 mei 2004 11:18

Acties:

faabman

Topicstarter

T-MOB schreef op 05 mei 2004 @ 01:11:
Ik zie het probleem niet helemaal, met ctrl+ de textgrootte aanpassen in FF levert bij mij in zowel "goed" als "fout" hetzelfde resultaat...

gebruik ff het "zoom in" knopje onderaan de pagina....

[edit:
Ik krijg ook een JS error op "fout": 'Menu has no properties'
]

die was bekend

Op zoek naar een baan als Coldfusion webdeveloper? Mail me!

woensdag 5 mei 2004 11:23

Acties:

André

Analytics dude

Ik denk dat het een bug is

Omdat als je de tekst selecteerd de selectiebalkjes nog de 'oude' regellengte pakken en niet de nieuwe. Het is net of met position:absolute de pagina niet goed gerenderd wordt na een css wijziging.