Padding in Opera

ff-webdesigner · 05.02.2006, 09:06

Hallo beisammen!

Hab gerade ein Problem mit CSS-Padding in Opera und finde einfach keine Lösung. Ich verwende gerne CSS-Rollovers mit Hintergrundbildern. Alle Browser stellen bei Verwendung von

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

folgendes CSS richtig dar nur, Opera fügt das Padding außen an und schrottet damit das Layout:

a.anav {
color: #FFFFFF;
text-decoration: none;
width: 100%;
height: 21px;
padding: 4px 0px 0px 0px;
display: block;
}

a.anav:hover {
background-image: url(layout/nav-over.gif);
background-repeat: repeat-x;
color: #FFFFFF;
text-decoration: none;
}

Da ich auf JS verzichten will, muss das Padding auf a drin bleiben, wegen Positionierung und Größe der Hintergrundgrafik. Jemand ne Idee, wie ich Opera den Fehler abgewöhne?

Vielen Dank schon mal,

www.ff-webdesigner.de
Einfaches Webdesign = erfolgreiches Webdesign.

05.02.2006, 13:00

moin,
sieht bei mir völlig identisch aus. (opera, ff, ie6, moz)

ff-webdesigner · 05.02.2006, 16:59

...wurde auch gerade korrigiert. lag nicht am padding der links, sondern daran, daß opera für 0px-seitenränderasowohl margin als auch padding auf 0 gesetzt haben will. danke trotzdem.

hero-master · 05.02.2006, 17:08

Nochn kleiner Nachtrag zum Verständnis

:

body hat im Opera einen vordefinierten Innenabstand, die restlichen (aufm PC zumindest) einen vordefinierten Außenabstand.
Somit musst du eben beides auf 0 setzen, wenn du die Abstände weg haben willst

limette · 07.02.2006, 14:08

Zitat:

Zitat von hero-master

Nochn kleiner Nachtrag zum Verständnis

:

body hat im Opera einen vordefinierten Innenabstand, die restlichen (aufm PC zumindest) einen vordefinierten Außenabstand.
Somit musst du eben beides auf 0 setzen, wenn du die Abstände weg haben willst

interessante info!
ich stehe nämlich vor einem ähnlichen problem: nur wie und wo setze ich die Abstände auf 0?
Und: gilt selbes vielleicht auch für den firefox?

07.02.2006, 14:18

Code:
```
body {
  margin: 0;
  padding: 0;}
```
nein, der firefox weist dem body standardmäßig keinen innenabstand zu

limette · 07.02.2006, 15:39

Zitat:

Zitat von ingo

Code:
```
body {
  margin: 0;
  padding: 0;}
```
nein, der firefox weist dem body standardmäßig keinen innenabstand zu

na da hätte ich auch selber drauf kommen können. CSS für Blinde

trotzdem:merci

tranc3r · 19.04.2006, 18:08

Ebenfalls Thx, habe das auch gerade gesucht warum mein Opera oben und unten jeweils platz läßt.

Thx