Geschrieben von empty.threat am 27.12.2009 um 16:49:
IE und Mozilla
Hallo,
hab da beim Coden einer Seite ein kleines CSS Problem.
Und zwar hab ich die Position des Contents so festgelegt in denn .css :
| code: |
1:
2:
3:
4:
5:
6:
7:
|
#content {
width: 393px;
height: 313px;
padding: 150px 349px;
} |
|
Das passt in Mozilla, Safari usw ganz wunderbar, nur der IE hat damit wohl Probleme.
Und zwar ist der Content um genau die 150px, die bei padding angegeben sind zu weit nach unten verschoben.
Änder ich den padding Wert in 0, dann passt es im IE super, nur natürlich in den restlichen Browsern nicht mehr.
Hab versucht es folgendermaßen zu lösen, was aber nicht funktioniert.
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
|
#content {
width: 393px;
height: 313px;
padding: 150px 349px;
}
* html #content{
width: 393px;
height: 313px;
padding: 0px 349px;
} |
|
jemand ne idee?
Edit:
Und ich hab eben festgestellt, dass wenn ich ein Bild per neuem Div einfüge mit float: left dann passt das wieder überall, nur der IE verschiebt dann den Content um die Bildhöhe nochmal weiter nach unten.
Kommt der mit dem float Befehl net klar?