Autor |
Nachricht |
Koecki
Threadersteller
Dabei seit: 24.02.2005
Ort: Köln
Alter: 39
Geschlecht:
|
Verfasst Do 16.03.2006 15:35
Titel [CSS] padding Problem |
|
|
Code: | #content
{
width: 800px;
background-color: #E7E7E7;
padding: 10px 10px 10px 10px;
} |
Ich habe oben stehendes in meiner CSS-Datei stehen. Im Firefox addiert er allerdings immer das padding zu der breite dazu. Die Box ist im Firefox also 820px breit... der IE zeigt es ausnahmsweise mal richtig ab! Warum ist das so? Wie geht es anders?
|
|
|
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 16.03.2006 15:47
Titel
|
|
|
Das ist eher ein IE-Problem, da kannste nur
hergehen und per <!--[if IE]> ein extra ie-
css laden in dem die width: 800px gesetzt
wird und im eigentlichen css schreibste 780px
als width.
|
|
|
|
|
Anzeige
|
|
|
Koecki
Threadersteller
Dabei seit: 24.02.2005
Ort: Köln
Alter: 39
Geschlecht:
|
Verfasst Do 16.03.2006 15:57
Titel
|
|
|
nein, bei mir zeigt der Firefox das an und nich der IE...
|
|
|
|
|
beeviZ
Dabei seit: 30.09.2002
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 16.03.2006 19:14
Titel
|
|
|
ja. is ja auch richtig so. padding wird addiert.
|
|
|
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
Verfasst Do 16.03.2006 19:18
Titel
|
|
|
gib dem/den inneren element/en nen margin und gut ist.
Zuletzt bearbeitet von sahnemuh am Do 16.03.2006 19:27, insgesamt 1-mal bearbeitet
|
|
|
|
|
seal
Dabei seit: 31.07.2005
Ort: Pfalz
Alter: 41
Geschlecht:
|
Verfasst Do 16.03.2006 20:14
Titel
|
|
|
Code: | /* FF und die gute Seite der Macht ;)*/
#content {
width: 780px;
background-color: #E7E7E7;
padding: 10px; /* bei nur einer Zahl gilt es für oben, unten, rechts und links */
}
/* folgende Zeile "liest" nur der IE */
* html #content {
width: /entsprechend ändern/; /*oder alternativ*/
padding: /entsprechend ändern/;
}
|
http://www.perun.net/2004/07/04/fehlverhalten-von-ie-im-boxmodell/ - mal lesen, evtl. ist der IE im BackCompat/Quirks-Modus!
Zuletzt bearbeitet von seal am Do 16.03.2006 20:26, insgesamt 2-mal bearbeitet
|
|
|
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 16.03.2006 20:58
Titel
|
|
|
seal hat geschrieben: | Code: | /* folgende Zeile "liest" nur der IE */
* html #content {
width: /entsprechend ändern/; /*oder alternativ*/
padding: /entsprechend ändern/;
} |
|
fliegt einem aber wahrscheinlich
mit ie 7 um die ohren. finde den
ms-link gerade nicht.
|
|
|
|
|
seal
Dabei seit: 31.07.2005
Ort: Pfalz
Alter: 41
Geschlecht:
|
Verfasst Do 16.03.2006 21:08
Titel
|
|
|
Dein zukunftorientiertes Denken in allen Ehren, aber ich arbeite derzeit noch mit dem was "ist" und nicht mit dem was "sein wird", vorallem weil man vor dem Release schlecht Aussagen darüber machen kann.
Wenn der IE7 eingeführt ist, wird es sicher Lösungen dafür geben...
|
|
|
|
|
|
|
|
Ähnliche Themen |
Padding von Listenpunkten setzt sich über allg. Padding
div in div // problem mit padding
problem mit padding/margin
CSS padding/margin-top-Problem
Problem mit Padding-Left
padding-problem in opera
|
|