nicht angemeldet
margin:0 auto; für IE funktioniert nicht
StruppiGuten Abend Tastaturbegabte,
Ich hab folgendes Problem: Um meine Inhalte mittig zu positionieren
gibt es in XHTML kein center mehr und als Ersatz die Möglichkeit
ihn über css margin:0 auto; zu platzieren. Ich habe die Site im Firefox, Safari und Opera erfolgreich getestet. Nur der IE (bei mir der Achter) stellt den Inhalt auf die linke Seite? Vielleicht hat einer einen Lösungsvorschlag für mich.
Vielen Dank schonmal
CSS
html, body {
margin: 0 auto;
padding:0;
background:#eee;
font-family:georgia, serif;
font-size:12pt;
}
h1, h2, h3, h4, h5, h6, h7 {
padding:0;
margin:0;
font-weight:lighter;
display:inline;
}
ul, li {
list-style-type:none;
}
ul {
margin:0;
padding:5px;
width:200px;
height:auto;
}
#content_all {
display:block;
width:750px;
height:auto;
border:1px #ccc solid;
position:relative;
margin:0 auto;
padding:0;
text-align:left;
}
#header {
display:block;
width:750px;
height:100px;
background:#ddd;
margin:0 auto;
}
#content {
display:block;
width:750px;
height:auto;
background:#fff;
margin:0 auto;
}
#footer {
display:block;
width:750px;
height:100px;
margin:0 auto;
background:#ddd url(../images/footer_bg.jpg) repeat-x 100% 0%;
}
.headline {
font-size:14pt;
display:block !important;
text-indent:5px;
background:#ddd;
color:#778899;
border-style:solid;
border-top-width:0;
border-right-width:0;
border-bottom-width:1px;
border-left-width:0;
border-color:#ccc;
}
.logo {
position:relative;
top:30px;
left:570px;
border:0;
outline:none !important;
background:transparent !important;
}
a:link, a:visited {
display:block;
width:200px;
height:20px;
padding:1px 1px 1px 15px;
font-family:tahoma, sans-serif;
font-size:10pt;
color:#000;
outline:none;
text-decoration:none;
}
a:hover {
display:block;
width:200px;
height:20px;
padding:1px 1px 1px 15px;
font-family:tahoma, sans-serif;
font-size:10pt;
color:#000;
outline:none;
text-decoration:none;
background:url(../images/lkbg.png) no-repeat;
}
a:focus{
display:block;
width:200px;
height:20px;
padding:1px 1px 1px 15px;
font-family:tahoma, sans-serif;
font-size:10pt;
color:#000;
outline:none;
text-decoration:none;
background:url(../images/lkbg.png) no-repeat;
}
HTML
<html><?xml version='1.0' encoding='utf-8'?>
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='de' lang='de'>
<head>
<title>WasWeißIch GmbH & CO KG • Startseite</title>
<meta http-equiv='X-UA-Compatible' content='IE=EmulateIE7' />
<link rel='stylesheet' type='text/css' href='css/default.css' />
</head>
<body>
<div id='content_all'>
<div id='header'>
<img class='logo' src='images/logo.jpg' alt='Logo - WasWeißIch.com' />
</div>
<div id='content'>
<h1 class='headline'>WasWeißIch GmbH & CO KG • Startseite</h1>
<ul>
<li><a href='index.html'>Startseite</a></li>
<li><a href='index.html'>Produkte</a></li>
<li><a href='index.html'>Ausrichtung</a></li>
<li><a href='index.html'>Angebote</a></li>
<li><a href='index.html'>Controlling</a></li>
<li><a href='index.html'>Referenzen</a></li>
<li><a href='index.html'>Partner</a></li>
<li><a href='index.html'>Support</a></li>
<li><a href='index.html'>MyWasWeißIch</a></li>
<li><a href='index.html'>Kontakt</a></li>
<li><a href='index.html'>Disclaimer</a></li>
<li><a href='index.html'>Impressum</a></li>
</ul>
</div>
<div id='footer'>
</div>
</div>
</body>
</html>
-
<html><?xml version='1.0' encoding='utf-8'?>
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='de' lang='de'>
<head>Kein Wunder ...
mfg Beat
--
><o(((°> ><o(((°>
<°)))o>< ><o(((°>o
Der Valigator leibt diese Fische-
Vielen Dank - Immer diese Flüchtigkeitsfehler ... Das HTML-Tag!!!
-
Vielen Dank - Immer diese Flüchtigkeitsfehler ... Das HTML-Tag!!!
und die xml Deklaration
Struppi.
-
Why? - Was ist damit?
Danke
-
Why? - Was ist damit?
Der gehört da nicht hin und ist auch meistens (fast immer) überflüssig, bzw. schädlich.
Struppi.
-
Hmmm - hier hab ich es her:
http://www.w3.org/QA/2002/04/valid-dtd-list.html
thx.
-
Hmmm - hier hab ich es her:
http://www.w3.org/QA/2002/04/valid-dtd-list.html
Interessant, jetzt ist auch klar warum die XML Deklaration so häufig verwendet wird. Der wichtigste Punkt, der gegen sie spricht ist der, dass damit der IE in den Quirkmodus versetzt wird.
Details hier: http://www.w3.org/International/articles/serving-xhtml/#declaration
Struppi.
-
Interessant, jetzt ist auch klar warum die XML Deklaration so häufig verwendet wird. Der wichtigste Punkt, der gegen sie spricht ist der, dass damit der IE in den Quirkmodus versetzt wird.
Details hier: http://www.w3.org/International/articles/serving-xhtml/#declaration
Früher hatte ich die QA Seite (http://www.w3.org/QA/2002/04/valid-dtd-list.html) öfters verlinkt. Habe aber vor drei Wochen festgestellt, dass die Seite übel überarbeitet wurde.
Man sollte den Clowns dort mal sagen, dass es kein QA ist den MSIE in den Quirksmode zu schicken.Eine frühere Version hatte schlicht die validen öffentlichen DTDs erwähnt, ohne sich zu einem Template herabzulassen (wie in "herablassend").
mfg Beat
--
><o(((°> ><o(((°>
<°)))o>< ><o(((°>o
Der Valigator leibt diese Fische
-
-
'ǝɯɐu$ ıɥ
http://www.w3.org/QA/2002/04/valid-dtd-list.html
<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head>so steht es da und das hast du geschrieben, fällt dir was auf?
<html><?xml version='1.0' encoding='utf-8'?>
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='de' lang='de'>
<head>aber auch mit der korekten version macht der IE nur quirks.
ssnɹƃ
ʍopɐɥs--
In a perfect world, spammers would get caught, go to jail,
and share a cell with many men who have enlarged their penisses,
taken Viagra and are looking for a new relationship.
-
-
-
-
-
-