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

#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

Danke!
Nur noch zwei Probleme

Gruss
DarkShadow

Hi,

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

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

#main { [b]float: right;[/b] 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;         [b]border-right: 10px #336699 solid;[/b]         border-left: 10px #006 solid;         font-weight:bold;         text-decoration:none;         [b]width: 168px;[/b] }

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

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

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

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

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

Denn dann wird der Inhalt auch nicht nach unten verschoben:

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

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

Code :

1 2 3 4 5 6 7

#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:

Code :

1 2 3 4 5 6 7

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