Hey,

Ik moet een site wat vernieuwen en er zit een lelijke lijn in een menu, als ik die aanpas dan ziet het er mooi uit in Chrome, maar weer niet in Firefox en IE, als ik ze voor FF en IE aanpas dan ziet het er weer niet uit in chrome.

Weet iemand hoe je per browser CSS kan aanroepen?

Hopelijk kan het redelijk simpel, zonder JS truuks ofzo.
Hmm vreemd, ik heb het wel in FF en IE, naast het menu en de header image.
Ik heb even een screenshot gemaakt hoe het er bij mij uitziet (logo en contact info heb ik weggehaald). Ik zie rechtsboven een oranje lijntje. Is dat de bedoeling? Of juist niet?

Dat lijntje bedoel ik inderdaad, dat komt omdat het menu en de image erboven niet mooi zijn uitgelijnd met de oranje balken. Die wil ik graag op alle browsers (IE FF Chrome) weg hebben.
Oké, dus dat oranje lijntje bovenin moet weg. Correct?
De verticale lijn komt alleen wanneer de 2 oranje kolommen niet recht onder de menu knoppen staat, dus ergens lopen die 2 scheef, maar bij mij is dat niet altijd. Als ik speel met de venster grote, heb ik het soms wel en soms niet (Safari). In Chrome, FF en IE zie ik 't helemaal nog niet.
Ze zijn idd niet even breed in elke browser, misschien iets met standaard css waarden ofzo?
Ja, er loopt iets inderdaad niet helemaal lekker.

Probeer eens in je css aan het element "html" dit toe te voegen:

padding-left: 1px;
Dat werkt idd voor IE en FF, maar dan heb ik die oranje streep links zitten in Chrome.
Hmm, oké.. ik heb hier geen chrome dus kan het niet testen.

Verander in #container de breedte eens in 980px ipv 981 px.

Reageren