Sheep
Problem:
Der IE stellt vom content-div links einen zu weiten Abstand da (siehe
Screenshot). FF und Opera interpretieren richtig.
Online Demo:
http://www.sheep24.de/sheep/nature/
CSS Code:
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
|
body {
background-color: #ffffff;
text-align: center;
margin: 0px;
}
#hauptbox {
text-align: left;
margin: auto;
padding: 0px;
background: url(Bilder/hg.jpg);
background-repeat: no-repeat;
width: 840px;
height: 817px;
}
#nav {
padding-top: 215px;
padding-left: 170px;
position: static;
}
#content {
padding-top: 20px;
padding-left: 0px;
margin-left: 90px;
display:block;
overflow:auto;
width: 520px;
height: 493px;
float:left;
}
#lebensinfo {
font-family:Tahoma,Arial,Helvetica,sans-serif;
display:block;
font-size:10px;
height:494px;
margin-left: 615px;
padding-top: 18px;
width:115px;} |
|
Steusi
Versuch doch mal bei Hauptbox, was du auch mal bei der nav versuchen solltest.
| code: |
1:
2:
3:
|
margin: 0 auto 0 auto;
|
|
#content
padding-left: 0px; kann weg
margin-left: 90px; kann weg
#lebensinfo
margin-left: 615px; kann weg
Und was soll:
| code: |
1:
2:
3:
4:
|
text-align: center;
margin: 0px;
|
|
??
Die Div's wissen schon das sie sich nebeneinander legen sollen, du musst nicht zusetzlich noch den Abstadn bestimmen, da die Hauptbox ja mittig ist. Die andern sollen darin Platz finden, versuch es mal auf dem weg.
Sheep
Ich hab keine andere Möglichkeit gefunden, damit der IE die DIVs zentriert als mit text-align: center;
Danke für die Antwort, damit komm ich aber auch nicht ans Ziel, der IE verschießt alles
Steusi
Achso das ist ja bei dir auch so, dass bei der Hauptbox nicht die gesamte Breite genutzt wird. Die darin enthaltenen Div’s füllen die Breite nicht aus. Na dann müssen deine Angaben natürlich wieder rein, habe ich nicht gesehen.
Warum er die Hauptbox nicht mittig anzeigt verstehe ich hingegen auch nicht.
Wenn du gar nicht weiter kommst musst du es mal an IE anpassen von den Werten, dann siehst du ja an welchem es lang und die gibst du dann nur für den IE an!
Bei #lebensinfo ist float:left; besser als margin-left: 615px;
