Padding Problem IE -> FF

PsychoEagle · 23.07.2007, 16:15

Tach Ihr

Hab da so nen Problemchen und weiß nicht warumchen ...

Ich hab eine einfache Seite, welche irgendwie in den zwei Browsern unterschiedlich angezeigt wird. Ich weiss nicht warum, sonst hatte ich nie derartige Probleme

Was komisch ist, im FF macht er die gesamte Breite 180px breit wie es sein sollte, also width + padding.

Im Internet Explorer jedoch nur 150px, sprich das padding macht er IN die 150px und fügt diese nicht hinzu (wie der FF und wie ich es eigentlich auch kenne).

Hier mal bischen Code fürs Verständnis:

Index

Code:

    <div id="tmp-navigation">
      <div class="navi-head">Allgemein</div>
      <div class="navi-content">
      	Startseite
        Mein Account
        Kalender
        Nachrichten Box
      
        Shout Box
      </div>
    </div>

CSS

Code:

div#tmp-navigation {
  float:                 left;
  padding:               20px 0px 80px 0px;
  background-color:      #E9E9E9;
}

div.navi-head {
  padding:               0px 15px;
  width:                 150px;
  height:                18px;
  line-height:           18px;
  background-color:      #353535;
  border-left:           1px solid #353535;
  border-right:          1px solid #353535;
}

div.navi-content {
  padding:               10px 15px;
  width:                 150px;
  line-height:           16px;
  background-color:      #FFFFFF;
  border-left:           1px solid #353535;
  border-right:          1px solid #353535;
  border-bottom:         1px solid #353535;
}

Woran liegt das denn? Ich glaub ich steh aufn Schlauch ... zu viel oder zu wenig Kaffee

Danke für Hilfe

MFG

Da Psy

nikosch · 23.07.2007, 16:24

Boxmodelbug?

http://de.selfhtml.org/css/formate/box_modell.htm#w3c

phpdummi · 23.07.2007, 16:24

Zitat:

Was komisch ist, im FF macht er die gesamte Breite 180px breit wie es sein sollte, also width + padding.
[..]sprich das padding macht er IN die 150px und fügt diese nicht hinzu

Seit wann wird Padding denn "hinzugefügt"? Padding gibt lediglich an, welchen Abstand der Inhalt eines Containers zum Rand haben soll, hat nix mit der Größe des Containers zu tun.
Das der FF es so macht, verdutzt mich jetzt mal stark. Welchen DocType benutzt du denn?

PsychoEagle · 23.07.2007, 16:38

GRML ...

anscheinend den falschen

das kommt davon, wenn man einfach nen altes Projekt mal eben überarbeiten möchte und den Doctype beim alten lässt ...

Code:

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

Nun verwende ich diesen und normalerweise auch immer

Naja, ich hab mich bei dem "hinzufügen" vielleicht ein wenig zur Verwirrung ausgedrückt (*g*).

Ich meinte lediglich, dass der Hintergrund bzw der Rahmen dann kommt, wenn man Width mit Padding addiert. Würde man Margin nehmen, würde der Hintergrund nicht über die Width gehen, bei padding schon (da padding der Abstand innerhalb der Box ist, Margin ausserhalb).

Sieht man ja gut bei dem Link

Also kurz, was ich meinte ist, dass der Inhalt und dessen width natürlich so bestehen bleibt wie er mit width angegeben wird, der Hintergrund bzw die Farbe jedoch auch hinter dem padding Bereich ist. Hinterm Margin nicht.

Ach, ich verwirr bestimmt noch mehr

Noch kürzer:

Geht, Fehler gefunden, Doctype war schuld

Danke euch,

MFG
Da Psy

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Galerie Problem...	coraplanet	PHP Tipps 2008	4	06.06.2008 13:42
CSS Problem	Maxi	HTML, Usability und Barrierefreiheit	6	11.11.2006 12:09
datensätze defekt oder problem mit dem einlesen?	Ministry	Datenbanken	4	06.07.2006 18:42
PN System Problem	gollum1990	PHP Tipps 2006	4	09.05.2006 21:52
problem!!!		PHP Tipps 2006	6	08.02.2006 11:06
[Erledigt] wieder ein Problem bei phpmailer und smtp		PHP Tipps 2006	24	07.02.2006 01:07
Wordpress Template		HTML, Usability und Barrierefreiheit	8	22.08.2005 11:21
[Erledigt] Problem bei Massenmails versenden mit der Funktion mail		PHP-Fortgeschrittene	3	19.01.2005 13:36
[Erledigt] Problem mit Übergabe einer Klasse in PHP4		PHP-Fortgeschrittene	10	08.01.2005 21:00
Problem: Internet Explorer zeigt DIV fehlerhaft an		HTML, Usability und Barrierefreiheit	13	04.01.2005 17:10
Problem mit Weiterleitung		PHP Tipps 2004-2	16	22.12.2004 17:49
Smarty und PHP-Skript Problem		PHP Tipps 2004-2	2	03.12.2004 22:27
Problem mit alter JavaScript-Funktion	woods	PHP Tipps 2004	1	13.08.2004 13:34
[Erledigt] Problem mit Timestamp!		PHP Tipps 2004	24	08.06.2004 19:51
Login Problem		PHP Tipps 2004	4	04.06.2004 18:46

23.07.2007, 16:15
PsychoEagle there's only one psycho Registriert seit: 21.08.2007 Beiträge: 1.283 PHP-Kenntnisse: Anfänger	Padding Problem IE -> FF Tach Ihr Hab da so nen Problemchen und weiß nicht warumchen ... Ich hab eine einfache Seite, welche irgendwie in den zwei Browsern unterschiedlich angezeigt wird. Ich weiss nicht warum, sonst hatte ich nie derartige Probleme Was komisch ist, im FF macht er die gesamte Breite 180px breit wie es sein sollte, also width + padding. Im Internet Explorer jedoch nur 150px, sprich das padding macht er IN die 150px und fügt diese nicht hinzu (wie der FF und wie ich es eigentlich auch kenne). Hier mal bischen Code fürs Verständnis: Index Code: <div id="tmp-navigation"> <div class="navi-head">Allgemein</div> <div class="navi-content"> Startseite Mein Account Kalender Nachrichten Box Shout Box </div> </div> CSS Code: div#tmp-navigation { float: left; padding: 20px 0px 80px 0px; background-color: #E9E9E9; } div.navi-head { padding: 0px 15px; width: 150px; height: 18px; line-height: 18px; background-color: #353535; border-left: 1px solid #353535; border-right: 1px solid #353535; } div.navi-content { padding: 10px 15px; width: 150px; line-height: 16px; background-color: #FFFFFF; border-left: 1px solid #353535; border-right: 1px solid #353535; border-bottom: 1px solid #353535; } Woran liegt das denn? Ich glaub ich steh aufn Schlauch ... zu viel oder zu wenig Kaffee Danke für Hilfe MFG Da Psy __________________ "Weaseling out of things is important to learn. It's what separates us from the animals ... except the weasel." (Homer J. Simpson)


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

23.07.2007, 16:24
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Boxmodelbug? http://de.selfhtml.org/css/formate/box_modell.htm#w3c

23.07.2007, 16:38
PsychoEagle there's only one psycho Registriert seit: 21.08.2007 Beiträge: 1.283 PHP-Kenntnisse: Anfänger	GRML ... anscheinend den falschen das kommt davon, wenn man einfach nen altes Projekt mal eben überarbeiten möchte und den Doctype beim alten lässt ... Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Nun verwende ich diesen und normalerweise auch immer Naja, ich hab mich bei dem "hinzufügen" vielleicht ein wenig zur Verwirrung ausgedrückt (g). Ich meinte lediglich, dass der Hintergrund bzw der Rahmen dann kommt, wenn man Width mit Padding addiert. Würde man Margin nehmen, würde der Hintergrund nicht über die Width gehen, bei padding schon (da padding der Abstand innerhalb der Box ist, Margin ausserhalb). Sieht man ja gut bei dem Link Also kurz, was ich meinte ist, dass der Inhalt und dessen width natürlich so bestehen bleibt wie er mit width angegeben wird, der Hintergrund bzw die Farbe jedoch auch hinter dem padding Bereich ist. Hinterm Margin nicht. Ach, ich verwirr bestimmt noch mehr Noch kürzer: Geht, Fehler gefunden, Doctype war schuld Danke euch, MFG Da Psy __________________ "Weaseling out of things is important to learn. It's what separates us from the animals ... except the weasel." (Homer J. Simpson)