nicht angemeldet
ID-Namen im DIV
1 
MudGuard
ID-Namen im DIV
Hallo Forum,
weiß jemand, wieso einige CSS-Angaben vom IE6 nicht interpretiert werden, wenn eine Ziffer am Ende des ID-Namens steht? Bezüglich der "container"-Angabe funktioniert z.B. foldender Code im IE6 einwandfrei (Beispiel aus dem "holy grail"):
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
body {
margin: 0;
padding: 0;
min-width: 540px;
}
#container {
padding-left: 180px;
padding-right: 180px;
}
#container .column {
position: relative;
float: left;
}
#center {
width: 100%;
}
#left {
width: 180px;
right: 180px;
margin-left: -100%;
}
#right {
width: 180px;
margin-right: -100%;
}
#footer {
clear: both;
}
* html #left {
left: 180px;
}
</style>
</head>
<body>
<div id="container">
<div id="center" class="column">center</div>
<div id="left" class="column">left</div>
<div id="right" class="column">right</div>
</div>
<div id="footer">footer</div>
</body>
</html>
Wenn der ID-Name aber "container1" heißt, dann funktioniert der Code im IE6 nicht:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
body {
margin: 0;
padding: 0;
min-width: 540px;
}
#container1 {
padding-left: 180px;
padding-right: 180px;
}
#container .column {
position: relative;
float: left;
}
#center {
width: 100%;
}
#left {
width: 180px;
right: 180px;
margin-left: -100%;
}
#right {
width: 180px;
margin-right: -100%;
}
#footer {
clear: both;
}
* html #left {
left: 180px;
}
</style>
</head>
<body>
<div id="container1">
<div id="center" class="column">center</div>
<div id="left" class="column">left</div>
<div id="right" class="column">right</div>
</div>
<div id="footer">footer</div>
</body>
</html>
Komisch ist folgendes: Wenn ich lediglich ein DIV angebe mit dem Namen "container1" und z.B. "boder: 1px solid #FF0000;" angebe, dann wird es wieder korrekt interpretiert:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
#container1 {
border: 1px solid #FF0000;
}
</style>
</head>
<body>
<div id="container1">Container</div>
</body>
</html>
IE7 und Firefox interpretieren alles korrekt, aber IE6 bringt das Layout mal wieder komplett durcheinander...
Gruß pete_panic
-
Hi,
Wenn der ID-Name aber "container1" heißt, dann funktioniert der Code im IE6 nicht:
#container1 {
#container .column {Da hast Du was zu ändern vergessen ...
cu,
Andreas--
Warum nennt sich Andreas hier MudGuard?
O o ostern ...
Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
-
Da hast Du was zu ändern vergessen ...
Ooops,
1000 Dank!
Gruß
pete_panic
-