Toon posts:

[CSS] Internet explorer positioneerd verkeerd

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ik ben bezig met een site, en daarin heb ik een horizontale navigatie verwerkt d.m.v. CSS.

In Firefox worden de links netjes verdeeld over de breedte van de navbar. Maar in Internet Explorer is er links veel meer ruimte dan rechts :?
Internet Explorer blijft een vreemd programma... Iemand een oplossing? Heb in principe alle margins al een keer op 0 gezet, en ook alle paddings, dus ben een beetje ten einde raad :/

  • tweakraiser
  • Registratie: Augustus 2004
  • Laatst online: 09-02 15:33

tweakraiser

I have such sites to show you

Toegang verboden!

Strava | Webdesign


Verwijderd

Topicstarter
|:( Stom, heb het aangepast, bedankt voor je snelle actie

  • truegrit
  • Registratie: Augustus 2004
  • Laatst online: 10-02 15:26
het probleem zit hem in de margin:0 auto;

Cascading Stylesheet:
1
2
3
4
5
#navlist{
  margin: 0 auto; /* maak hier gewoon 0 van en het ziet er ongeveer 
                     hetzelfde uit in beide browsers */
 ...
}

hallo


  • DerKleinePunkt
  • Registratie: November 2004
  • Niet online

DerKleinePunkt

Es gibt keine kleinen Punkte!

Margin: 0 wat appels, peren, bananen? (volgens mij quote ik hier een modje).

Maar je bent op verscheiden plaatsen in je css de eenheid vergeten.

Ein kleiner Punkt in einer grossen Welt


  • Urk
  • Registratie: Maart 2000
  • Laatst online: 03-02 19:04

Urk

DerKleinePunkt schreef op zondag 10 september 2006 @ 23:16:
Margin: 0 wat appels, peren, bananen? (volgens mij quote ik hier een modje).

Maar je bent op verscheiden plaatsen in je css de eenheid vergeten.
Wanneer je 0 specificeert binnen CSS is het niet nodig eenheden te gebruiken. 0 = Null, dat maakt niet uit of het 0px of 0 peren o.i.d. zijn.

Verwijderd

Topicstarter
Heb het maar op een soort van acceptabele manier opgelost. Mensen die geïnteresseerd zijn, ik heb de parent unit van de navlist position: relative gegeven, en de navlist zelf position: absolute, en dan de good old centering trick, namelijk:

position: absolute;
width: X px;
height: Y px;
margin-left: - X/2 px;
margin-top: - Y/2px;
top: 50%;
left: 50%;

Nu ziet hij er in beide browsers hetzelfde uit. Bedankt voor de support, deze kan wat mij betreft dicht.
Pagina: 1