Div lässt sich nicht zentrieren

[Dark Shadow]

Hallo

Ich habe ein Problem:

Hier der Link zu meiner Seite: LINK

Problem 1: Wenn man die Seite in Firefox ansieht, wird das Logo nicht zentriert. [ERLEDIGT]
Problem 2: Im Internet Explorer ist zwar das Logo zentriert, aber das Div mit dem Inhalt verschiebt sich.
Problem 3: Die Navigation is im IE vollkommen verschoben. [ERLEDIGT]

Ich hab schon vieles probiert, aber leider ohne Erfolg.

Ich hoffe ihr könnt mir helfen

Gruss
DarkShadow

 

[Boli]

#center {
margin: auto;
text-align: center;
width: 750px;
}

#header {
irgendwas...
}

<div id="center">
<div id="header">foobar</div>
</div>

du brauchst eine width
header is dann sowieso 100%
sollte bei beiden gehen

 

[Dark Shadow]

Danke!
Nur noch zwei Probleme ^^

Gruss
DarkShadow

 

[Maik]

Hi,

und hier meine Lösungsvorschläge für die letzten beiden Probleme:

#main {
float: right;
width: 587px;
color: #000;
line-height: 1.2em; /* to avoid the peekaboo bug */
padding-bottom: 10px;
}

#navigation a {
        padding-left: 10px;
        display: block;
        background: #336699;
        color: #000000;
        border-right: 10px #336699 solid;
        border-left: 10px #006 solid;
        font-weight:bold;
        text-decoration:none;
        width: 168px;
}

 

[Dark Shadow]

Danke, die Navigation sitzt jetzt perfekt.

Nur der Inhaltsbereich ist noch immer verrutscht (Ich denke das ist der 3-Pixel-Bug vom IE, aber ich weis nicht wie ich den wegbekomme)

Ich hoffe mein letztes Problem kann auch noch gelöst werden!

Gruss
DarkShadow

 

[Maik]

Ich kann da gegenüber dem Firefox keine Verschiebungen im IE erkennen.

Auf welcher Seite des Inhalts tritt denn bei dir die Verschiebung auf?

 

[Dark Shadow]

Im Firefox wird alles richtig dargestellt, nur im IE gibt es eine Verschiebung des Inhaltbereichs.

Hier zum Bild

Wie zu sehen ist, ist es verschoben!

Gruss
DarkShadow

 

[Maik]

Hast du denn auch die empfohlene Korrektur für das DIV #main vorgenommen?

Denn dann wird der Inhalt auch nicht nach unten verschoben:

 

[Dark Shadow]

Hab vorher ausgelassen: Grund: Im IE hilft es nichts (bei mir) und im FF verschiebt es sich dann wie im IE.

Ich hab jetzt mal das float:right online.

Link zur Page
Link zur CSS-Datei

Gruss
DarkShadow

 

[Maik]

Also, entweder wendest du die Regel so an, wie ich sie dir zu Beginn vorgeschlagen habe:

#main {
float: right;
width: 587px;
color: #000;
line-height: 1.2em; /* to avoid the peekaboo bug */
padding-bottom: 10px;
}

oder du nimmst die float- und width-Angabe aus dem Regelblock heraus und arbeitest nur mit der margin- oder, wie in deinem Stylesheet eingesetzt, mit der padding-Eigenschaft:

#main {
padding-left: 210px !important;
padding-left: 207px;
color: #000;
line-height: 1.2em; /* to avoid the peekaboo bug */
padding-bottom: 10px;
}