SEO-Software von Suchmaschinenoptimierung.de

Abstandproblem mit Div

(hier klicken, um zum Original Thread zu gelangen)
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. cool
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 traurig
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;
(hier klicken, um zum Original Thread zu gelangen)



Tipp: Ranking-Konzept.de - Das SEO-Forum (Forum rund um die Suchmaschinenoptimierung) der artaxo AG.
Das große Versicherungs ABC von Versicherung.de - mit allen Aspekten der Computerversicherungen!
Fan-Foren.de, die große Community mit Musikforum ist ab sofort online.