nicht angemeldet
Website im IE 8 nicht zentriert
0 0 
Gunnar Bittersmann
0 0 Gunnar Bittersmann
0 0 
Der Martin
0
Website im IE 8 nicht zentriert
Woran liegt es, dass der IE8 meine Website partout nicht zentriert?
Bisher habe ich vieles probiert
(left:50% im Wrapper
text-aligne:center im body
text-aligne:center im wrapper
display:inline; im wrapper
Meine Indexseite funktioniert einwandfrei, aber die about-Seite klebt am rechten Seitenrand im IE8, obwohl ich den gleichen Ausangscode genommen habe.
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="content-type" content="text/css">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
<meta http-equiv="X-UA-Compatible" content="IE=8">
<link rel="stylesheet" href="css_style2.css" type="text/css">
<!--[if lt IE 8]>
<link rel="stylesheet" type="text/css" href="css_IE2.css" />
<![endif]-->
<style type="text/css">
/*<![CDATA[*/
type="text/css">
/*]]>*/
</style>
<title> about</title>
</head>
<body>
<div id="wrapper">
<div id="wrapper_backimg"><img src="images/style2_img.jpg" alt="Grafik" border="none"></div>
<div id="wrapper_logo"><img src="images/logo.gif" border="none" alt="logo"></div>
<div id="wrapper_whitespace"></div>
<div id="wrapper_mm">
<a id="wrapper_mm_home" href="index.html" name="wrapper_mm_home"></a>
<a id="wrapper_mm_folio" href="portfolio.html" name="wrapper_mm_folio"></a>
<a id="wrapper_mm_about" href="about.html" name="wrapper_mm_about"><img src="images/about2.gif" alt="about" border="none"></a>
<a id="wrapper_mm_contact" href="contact.html" name="wrapper_mm_contact"></a>
<div id="wrapper_mm_spacer"></div>
</div>
<div id="wrapper_mm_right"></div>
<div id="wrapper_content"><a id="wrapper_content_leist" href="aboutservice.html" name="wrapper_content_leist"></a> <a id="wrapper_content_moi" href="aboutme.html" name="wrapper_content_moi"></a></div>
<div id="wrapper_footer"><a id="wrapper_footer_fmleft" name="wrapper_footer_fmleft"></a> <a id="wrapper_footer_fm_middle" name="wrapper_footer_fm_middle"></a> <a id="wrapper_footer_links" href="links.html" name="wrapper_footer_links">Links</a> <a id="wrapper_footer_imprint" href="imprint.html" name="wrapper_footer_imprint">Imprint</a></div>
</div>
</body>
</html>
CSS (Datei css_IE2):
/*----------CSS Style----------*/
#wrapper {display:inline; position:absolute; width:895px; height:660px; top:0px;}
#wrapper_backimg {
display:inline; width:895px; height:63px; top:0px}
#wrapper_logo {
display:inline; width:850px; height:55px; padding-left:20px; top:324px}
#wrapper_whitespace {
display:inline; width:895px; height:100px; margin-top:379px; margin-left:40px;
background:white; font-family:Arial,Helvetica,sans-serif; font-size:14px;
line-height:18px; font-weight:normal; color:#00A4E0; text-align:left;
}
/*----------MENU BEREICH----------*/
#wrapper_mm {
display:inline; width:120px; height:100px; top:475px; margin-left:20px;
}
#wrapper_mm a.home:link {
display:inline; background:url("images/home1.gif"); width:120px; height:20px; padding-left:30px;
}
#wrapper_mm a.home:hover {
display:inline; background: url("images/home2.gif"); width:120px; height:20px; padding-left:30px;
}
#wrapper_mm a.folio:link {
display:inline; background: url("images/folio1.gif"); width:120px; height:20px; padding-left:30px; margin-top:20px;
}
#wrapper_mm a.folio:hover {
display:inline; background: url("images/folio2.gif");
width:120px; height:20px; margin-top:20px;
}
#wrapper_mm a.about:link {
display:inline; background: url("images/about1.gif"); width:120px; height:20px; padding-left:30px; margin-top:40px;
}
#wrapper_mm a.about:hover {
display:inline; background: url("images/about2.gif"); width:120px; height:20px; padding-left:30px; margin-top:40px;
}
#wwrapper_mm a.contact {
display:inline; background: url("images/contact1.gif"); width:120px; height:20px; padding-left:30px; margin-top:60px;
}
#wrapper_mm a.contact:hover {
display:inline; background: url("images/contact2.gif"); width:120px; height:20px; padding-left:30px; margin-top:60px;
}
#wrapper_mm_spacer {
position:absolute; width:120px; height:20px; top:603px; background:white;
float:left}
#wrapper_mm_right {width:755px; height:100px; background:white; float:left}
#wrapper_content {
display:inline; width:895px; height:55px; top:565px; background:black; float:left;}
#wrapper_content_leist a.leist {
display:inline; width:102px; height:25px; margin-left:18px; background: url("images/leist1.gif");
}
#wrapper_content_leist a.leist:hover {
display:inline; margin-left:18px; width:102px; height:25px; background: url("images/leist2.gif");
}
#wrapper_content_moi a.moi {
display:inline; margin-top:25px; margin-left:18px;
background: url("images/moi1.gif"); width:102px; height:25px;
}
#wrapper_content_moi a.moi:hover {
display:inline; margin-top:25px; margin-left:18px;
background: url("images/moi2.gif"); width:102px; height:25px;
}
/*----------FUSSBEREICH----------*/
#wrapper>wrapper_footer {
display:block; width:895px; height:30px; margin-top:620px; background-color:black; float:left; }
#wrapper_footer_fmleft {width:30px; height:30px; background-color:black;}
#wrapper_footer_fm1 {display:inline; width:130px; height:12px; background-color:black; font-family:Arial,Helvetica,sans-serif; font-size:11px; line-height:normal; font-weight:normal; font-color:#00A4E0; margin-top:9px; margin-left:30px;}
#wrapper_footer_news {display:inline; width:100px; height:30px; background:black; float:left; font-family:Arial,Helvetica,sans-serif;
font-size:11px; line-height:29px; font-weight:normal; color:#00A4E0;
text-decoration:none; text-align:center; margin-top:0px; margin-left:170px;}
#wrapper_footer_news:hover {display:inline; width:100px; height:30px; background:white; float:left; font-family:Arial,Helvetica,sans-serif; font-size:11px; line-height:29px; font-weight:normal; color:#00A4E0;
text-decoration:none; text-align:center; margin-top:0px; margin-left:170px;
}
#wrapper_footer_fm_middle {display:inline; width:400px; height:30px; background-color:black; margin-left:230px; }
#wrapper_footer_links {display:inline; width:40px; height:30px;
margin-top:0px; background:black; font-family:Arial,Helvetica,sans-serif;
font-size:11px; text-decoration:none; line-height:29px; font-weight:normal; color:#00A4E0; text-align:center; right:65px;}
#wrapper_footer_links:hover {display:inline; width:40px; height:30px;
margin-top:0px; background:white; font-family:Arial,Helvetica,sans-serif;
font-size:11px; text-decoration:none; line-height:29px; font-weight:normal;
color:#00A4E0; text-align:center; right:65px;}
#wrapper_footer_imprint {display:inline; width:40px; height:30px;
margin-top:0px; background:black; font-family:Arial,Helvetica,sans-serif;
font-size:11px; text-decoration:none; line-height:29px; font-weight:normal;
color:#00A4E0; text-align:center; right:25px;}
#wrapper_footer_imprint:hover {display:inline; width:40px; height:30px;
margin-top:0px; background:white; font-family:Arial,Helvetica,sans-serif;
font-size:11px; text-decoration:none; line-height:29px; font-weight:normal;
color:#00A4E0; text-align:center; right:25px;}
-
Om nah hoo pez nyeetz, wwwebQ!
die Divsuppe, die Anzahl der vielen sinnlosen Klassen und IDs sowie der Hinweis im Kopf der HTML-Datei lassen daruf schließen, dass du
a) die Seite mit einem WYSIWYNG-Editor baust und b) keine Ahnung von dem hast, was der Editor dir liefert.
Dir bleibt also nur weiter zu probieren (btw. "text-aligne" gibt es nicht), du solltest deine Seite validieren und mit einem Entwicklungswerkzeug wie z.B. Firebug anschauen so kannst du live sehen, welche Auswirkungen deine Tests haben.
Deine Fehler beginnen imho bereits an dieser Stelle.
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="content-type" content="text/css"> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> <meta http-equiv="X-UA-Compatible" content="IE=8">
Matthias
--
1/z ist kein Blatt Papier.
-
@@wwwebQ:
nuqneH
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Quirksmodus. Da sollten Darstellungsfehler nicht verwundern.
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="content-type" content="text/css">Was soll der Unsinn? Du hast ein HTML-Dokument, kein CSS-Dokument.
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
<meta http-equiv="X-UA-Compatible" content="IE=8">Ja was denn nun, 7er oder 8er Modus?
<!--[if lt IE 8]>
<link rel="stylesheet" type="text/css" href="css_IE2.css" />
<![endif]-->Oh je, ein IE-spezielles Stylesheet. Da verliert man schon den Überblick; deshalb ist das auch zu vermeiden. Gib IE-Angaben per '
*+html'-Hack im Stylesheet (dem einen für alle Browser!!) an! (Wenn IE 6 noch irgendwelche Relevanz hat, auch noch per '* html'-Hack.)<style type="text/css">
/*<![CDATA[*/
type="text/css">/*]]>*/
</style>Was hat '<![CDATA[' in einem HTML-Dokument zu suchen? Was hat 'type="text/css">' in einem Stylesheet zu suchen?
<div id="wrapper">
Das Element ist überflüssig.
Qapla'
--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain) -
Die Codepassagen, die Ihr kritisert hat mir diese Website erzeugt:
http://validator.w3.org/
als ich meinen Code dort prüfen und korrigieren lassen habe.Mein Problem hat sich weder dadurch noch durch Eure Tips gelöst. Meine Website lebt ein Eigenleben, das wohl niemand jemals ergründen wird.
-
@@wwwebQ:
nuqneH
Die Codepassagen, die Ihr kritisert hat mir diese Website erzeugt:
http://validator.w3.org/
als ich meinen Code dort prüfen und korrigieren lassen habe.??
Meine Website lebt ein Eigenleben, das wohl niemand jemals ergründen wird.
Vielleicht lässt du uns ja mal an diesem teilhaben?
Qapla'
--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain) -
Om nah hoo pez nyeetz, wwwebQ!
Die Codepassagen, die Ihr kritisert hat mir diese Website erzeugt: http://validator.w3.org/ als ich meinen Code dort prüfen und korrigieren lassen habe.
garantiert nicht.
Matthias
--
1/z ist kein Blatt Papier.
-
Hallo,
Die Codepassagen, die Ihr kritisert hat mir diese Website erzeugt:
http://validator.w3.org/
als ich meinen Code dort prüfen und korrigieren lassen habe.korrigieren??
Das wäre ja mal was ganz Neues. Der Validator prüft auf Korrektheit, er sagt dir nur, was falsch ist. Bei offensichtlichen Fehlern macht er auch Vorschläge. Aber korrigieren tut er nicht.Mein Problem hat sich weder dadurch noch durch Eure Tips gelöst. Meine Website lebt ein Eigenleben, das wohl niemand jemals ergründen wird.
Aaah ja.
So long,
Martin--
In Ägypten haben früher 150000 Leute 35 Jahre lang an einer Pyramide gearbeitet. Aber bei uns arbeiten doppelt so viele Leute doppelt so lange allein an der Baugenehmigung.
(Dieter Nuhr, deutscher Kabarettist)
Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(
-
-
Ich habe meinen vorhergigen Code tatsächlich auf der Seite prüfen lassen. Er hat mir dort die Fehler angezeigt und wenn da steht "Below is the cleaned up markup for your document" gehe ich davon aus, dass der vorgeschlagen Code der Website richtig ist. Diesen Code habe ich dann in mein Websitedokument eingefügt.
Ich werde weiter forschen.