Unterschied zwischen IE8 und Firefox 3.5

html.de-Forum HTML, XHTML & CSS
1

Hallo liebe Forengemeinde.

Ich lese hier im Forum schon eine ganze Weile mit und heute muss ich auch mal ein Beitrag schreiben.

Und zwar habe ich irgendwie ein Problem mit meiner Website.

Ich baue die Website mit Dreamweaver CS3 und schaue mir da die Seiten oft mit Firefox 3.5 und dem Internet Explorer 8 an, um halt das Ergebnis zu sehen.

Nun ist mir heute aufgefallen, dass bei dem IE8 meine Website voll zentriert dargestellt wird und mit dem Firefox Browser scheint alles ganz normal zu sein!

Wieso ist das so? Liegt das jetzt an meiner Website oder am IE8???

Hier mal der Link zu meiner Website: Wayside Beach Apartment Hotel

Hoffentlich kann mir jemand von Euch hier helfen! Denn das sieht bei dem IE echt beschi****en aus. :cry:

Ich freue mich über jeden Rat.

Viele liebe Grüße

Chris

2

Das ist

<div align="center">

Schuld. Im IE wird das auch auf die Kinder gesetzt.

Vergiss das Tabellenlayout und mache richtiges CSS und kein halbes.

3

Ja, die nächste Website die ich mache, werde ich auch ohne Tabellen machen, also nur mit (X)HTML und CSS.

Aber es kann nicht an diesem DIV liegen! Denn es ist erst seit kurzem so! Vor einigen Tagen war ja noch alles ok bei dem IE!

Hmmmm, hat noch jemand eine Idee?

Viele liebe Grüße

Chris

4

Es liegt aber an diesem Attribut. Ersetze es durch das CSS-Pendant.

5

Ok, ich bin da aber noch ein Anfänger! Wie mach ich das? :cry::cry::cry:

6 
<div style="text-align: center;">

wobei auch das eine unsaubere Variante ist …

Ansonsten bitte CSS-Grundlagen aneignen: SELFHTML: Stylesheets (CSS)

7

Das ist noch schlimmer. Denn im Firefox wird das Problem auch sein ^^
Mache einfach:

body {text-align:center;}
#container {text-align:center;margin: 0 auto;}

8

aber wird denn durch dieses text-align:center der text nicht wieder zentriert dargestellt? das will ich nämlich nicht!

9

Probiers doch aus.

10

Danke für Euren Rat, ich habe es anders gelöst durch ein Tipp in einem anderen Forum!

.tab {
background-color: #A6A6A6;
text-align: left;
}

Das hat dann auch geklappt!

Viele liebe Grüße
Chris