Hallo,
habe folgende HTML-Seite:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
<html>
<head>
<title>Working Title</title>
<link rel="stylesheet" type="text/css" href="inc/elite.css">
</head>
<body>
<div class="logo">logo</div>
<div class="interface">
<span class="navmain">navigation</span>
<span class="userinfo">userinfo</span>
</div>
</body>
</html>
Dazu passend folgendes Stylesheet elite.css:
body{
background-image: url(../images/bg.gif);
margin: 10px 0px 0px 0px;
text-align: center;
}
div.logo{
border-width: 1px;
border-style: solid;
border-color: blue;
padding: 0px;
width: 600px;
}
div.interface{
border-top-width: 0px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-style: solid;
border-color: blue;
padding: 0px;
text-align: left;
width: 600px;
}
span.navmain{
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-style: solid;
border-color: red;
padding: 0px;
width: 200px;
}
span.userinfo{
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-style: solid;
border-color: green;
padding: 0px;
width:200px;
}
###############################################
Beides ist validiert vom W3C. Folgendes Problem: Die <span>-Elemente werden nicht 200px breit angezeigt (wie im CSS-File definiert), sondern sind nur so breit, dass der Text (z.B. "userinfo" hineinpasst). Als normales Inline-Element müsste <span> doch so formatierbar sein, oder?
Hoffentlich nur irgendein blöder Fehler von mir.
Freue mich auf Antworten,
mfg
Henning Kröger