• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Text komplett zentriert im IE

stang2k

stang2k

Neues Mitglied
Hallo folgendes Problem habe ich. Die Index-Seite (hier anschauen) fängt mit folgendem Code an:

Code: 
<body>
<center>
  <table width="800" border="0" cellspacing="0" cellpadding="0">

in der passenden CSS für die komplette Seite, habe ich folgenden Code erstellt:

Code: 
/* CSS Document */

BODY {
  MARGIN-TOP: 10px;
  FONT-SIZE: 12px;
  BACKGROUND: #efefef;
  MARGIN-BOTTOM: 10px;
  COLOR: #555555;
  FONT-FAMILY: Arial, Helvetica, sans-serif;
}
#header {
  PADDING-LEFT: 10px;
}

#header H1 {
  COLOR: #F74118;
}

#navigation {
  BACKGROUND: #184D94;
  WIDTH: 800px;
  text-align:center
}

#navigation UL {
  PADDING-LEFT: 10px;
  MARGIN-LEFT: 0px;
  POSITION: relative;
  text-align:center
  TOP: 3px;
}

#navigation LI {
  FLOAT: left;
  MARGIN-RIGHT: 1px;
  LIST-STYLE-TYPE: none;
  text-align:center
}

#navigation LI A {
  MARGIN-RIGHT: 2px;
  PADDING-LEFT: 8px;
  PADDING-RIGHT: 10px;
  PADDING-BOTTOM: 8px;
  DISPLAY: block;
  FONT-WEIGHT: bold;
  FONT-SIZE: 12px;
  COLOR: #ffffff;
  TEXT-DECORATION: none;
  text-align:center
}

#navigation LI A:hover {
  COLOR: #F77D10;
  text-align:center
}

#navigation LI #active_menu {
  COLOR: #F77D10;
  text-align:center
}

#navigation LI A.active:hover {
  COLOR: #F77D10;
  text-align:center
}
#footer {
  WIDTH: 800px;
  COLOR: #ffffff;
  TEXT-ALIGN: center;
  background: #184D94;
  margin: 20px auto 0px auto;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-right: 0px;
}

#footer A {
  COLOR: #ff6600;
  TEXT-DECORATION: none;  
  text-align:center   
}

Jetzt habe ich das Problem, dass der Text im IE komplett zentriert angezeigt wird und in allen anderen Browsern korrekt. Könnt ihr mir da weiterhelfen und Tipps geben? Vielleicht ist es eine einfache Sache und ich komm einfach nicht drauf.

Ich bedanke mich schon mal bei euch
 
Falsch, dein HTML-Code beginnt (wie es auch korrekt ist) mit

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Entferne <center> denn dadurch wird alles zentriert. Dadurch wird es sowohl im IE als auch in allen anderen Browsern zentriert. <center> ist zudem ein veralteter HTML-Tag der etwas macht wofür eigentlich CSS zuständig wäre.

Ggfs. solltest Du auch noch alle anderen Fehler beseitigen:
[Invalid] Markup Validation of http://www.handwerker-rosenthal.de/index.php?action=home - W3C Markup Validator
 
Ja schon klar, dass er so anfängt, ich habe lediglich die wichtige Passage heraus gesucht. Mir ist jedoch wichtig, dass Webseite nicht linksbündig, sondern zentriert angezeigt wird.

PS: Die restlichen Fehler die dort angezeigt werden, ergeben für mich keinen Sinn und was ich daran noch ändern sollte.
 
Zuletzt bearbeitet:
stang2k schrieb:
PS: Die restlichen Fehler die dort angezeigt werden, ergeben für mich keinen Sinn und was ich daran noch ändern sollte.
Zum Vergrößern anklicken....

Hallo.

Fehlerbeschreibungen lesen, gegebenenfalls mit einem Programm ins deutsche übersetzen lassen..

Dein erster Fehler zum Beispiel: required attribute "alt" not specified, sagt aus das du das alt Attribut für das Bild vergessen hast.
Dies ist zwingend vorgeschrieben.

Gruss
Elroy
 
Wie ich das sehe sind die meisten Fehler bei den Hyperlinks:

"<a href="index.php?action=solar" />Solar</a>"

muss werden:

"<a href="index.php?action=solar">Solar</a>"
 
Wie bekomme ich es denn nun aber hin, dass die Webseite zentriert bleibt, ohne dabei <center> zu verwenden?

Weiterhin wird es nur im IE zentriert dargestellt (Inhalte), im Firefox, Chrome und Opera jedoch nicht. Ziel ist weiterhin, dass die Seite selbst jedoch zentriert stehen soll.
 
Zuletzt bearbeitet:
Danke für eure Hilfe, auch wenn ich schon ewig damit arbeite, gibt es manchmal einfachste Dinge, wo ich keine Antwort finde. Denke da bin ich aber nicht der einzige mit :)

Habe nun nur noch zwei Fehler (hier), vielleicht kann mir jemand da noch eine Lösung geben. Alle anderen Fehler, inklusive der Unterseiten, sind nun endlich behoben.
 
Auf der betroffenen Seite steht mitten in deinem Content nochmal ein Doctype inkl. komplettem head-Bereich.

Code: 
<td width="649" valign="top">			  <!-- hier der Text und Inhalt -->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Das muss raus.
 
Hallo.

Du hast zweimal den Doctype auf deiner Seite angegeben.

Entferne den zweiten (Zeile 57 und 58), entferne ausserdem die <html>, <head> und <body> Tags die dort nicht hingehören.
Das sieht mir ganz danach aus als hättest du included und anstatt die gewünschte Datei gleich eine ganze Webseite included.

Gruss
Elroy
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben