Tweet
Ich habe über CSS versucht eine Standardschriftart für den Body einzustellen. Allerdings funktioniert es nicht. Die angezeigte Schrift ist größer als 11px.
Normalerweise funktioniert das aber irgendwas ist in meinem Code faul.
Ich habe den Content zwecks Übersichtlichkeit entfernt. Der ganze Schnickschnack im Head-Bereich ist für eine feststehende Fußleiste. Ich glaube nicht das der Fehler dort liegt. Könnte aber so sein.
hier kann die Seite eingesehen werden:
Fehlerhafte Seitel
Das zugehörige Stylesheet
Hoffe ihr könnt mir helfen. Ich hab jetzt schon stundenlang nach dem Fehler im Code gesucht und werd nicht fündig.
Würde mich sehr freuen
Das ist der Code aus dem Stylesheet
und das die HTML Datei
Normalerweise funktioniert das aber irgendwas ist in meinem Code faul.
Ich habe den Content zwecks Übersichtlichkeit entfernt. Der ganze Schnickschnack im Head-Bereich ist für eine feststehende Fußleiste. Ich glaube nicht das der Fehler dort liegt. Könnte aber so sein.
hier kann die Seite eingesehen werden:
Fehlerhafte Seitel
Das zugehörige Stylesheet
Hoffe ihr könnt mir helfen. Ich hab jetzt schon stundenlang nach dem Fehler im Code gesucht und werd nicht fündig.
Würde mich sehr freuen
Das ist der Code aus dem Stylesheet
Code:
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000
}
.main { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000 }
.link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #0162B4 }
.h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #0162B4 }
.rights { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: none }
.bluehead { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #0162B4 }
.left { float: left; margin-right: 8px; }
.right { float: right; margin-left: 8px; margin-right: 8px; }
.rightmargin { float: right; margin-left: 8px; margin-right: 8px; margin-top: 8px; margin-bottom: 8px; }
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=ISO-8859-1">
<title>Geht net *schmoll*</title>
<link rel="stylesheet" href="main.css"
type="text/css">
<style type="text/css">
body
{
position:absolute;
background:#ffffff;
background-image: url(images/bg.gif);
}
html, body
{ top:0; left:0; right:0;
min-height:100%;
margin:0;
padding:0;
width:100%;
}
#header_container {
position:fixed;
top:0; left:0; right:0;
text-align:center;
margin:0;
height:3em;
z-index:3;
}
#header {
position:absolute;
top:0; left:0; right:0; bottom:0;
height:100%;
background:#efefef;
z-index:3;
margin:0;
padding:0.2em;
}
#menu
{
position:fixed;
top:4em;
left:.5em;
width:9em;
border: 3px dotted #dedede;
padding:.5em;
}
#content
{
margin:0;
padding-top:0em;
padding-left:em;
padding-bottom:3em;
z-index:2;
}
#footer_container
{
position:fixed;
bottom:0; left:0; right:0;
text-align:center;
margin:0;
height:2em;
z-index:3;
}
#footer {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background:#efefef;
z-index:3;
background-image: url(images/ind_20.jpg);
width: 780px;
}
/* Nun für den MSIE */
* html, * html body {
overflow:hidden;
bottom:0;
height:100%;
}
* html #header_container, * html #footer_container
{
position:absolute;
width:780px;
padding-right:0px;
}
* html #menu
{
position:absolute;
}
* html #header,* html #footer
{
height:100%;
position:static;
background-image: url(images/ind_20.jpg);
}
* html #content {
position:absolute;
top:0; bottom:0; left:0; right:0;
height:100%;
width:100%;
overflow:auto;
margin:0;
}
#menu li
{
list-style: none;
margin:0;
padding:0.3em;
}
#menu li#active
{
padding:0.5em;
text-decoration:underline;
}
#menu a:link, #menu a:visited
{
display:block;
background:#eeeeee;
color:black;
text-decoration:none;
margin:0;
padding:0.2em;;
}
#menu a:hover
{
background:#4f4f4f;
color:#ffffff;
text-decoration:underline;
}
* html #menu
{
margin:0;
width:10.5em; /* Der IE soll das Element breiter darstellen, da margin und padding hier von der Breite abgezogen wird! */
}
</style>
</head>
<body>
<div id="content">
<table style="width: 780px;" border="0" cellpadding="0"
cellspacing="0">
<tbody>
<tr>
<td><br>
</td>
</tr>
<tr>
<td><br>
</td>
</tr>
<tr>
<td background="images/ind_10_new.jpg"><img
style="width: 62px; height: 15px;" src="images/ind_10_new.jpg"
alt="spacer"></td>
</tr>
</tbody>
</table>
<table style="width: 760px; height: 100px;" border="0">
<tbody>
<tr>
<td
style="vertical-align: top; text-align: left; color: rgb(204, 204, 204); width: 60px;"></td>
<td>
<p class="h2">Wieso ist der Text untendrunter nicht
so wie im Stylesheet angegeben?</p>
Blalbablabla blubbubublblubbedi dupdupdup<br>
dsadsadsadsadasd dsadasdsadsadsdsadsadasd<br>
dsadasdasdsadasdsa dsadsdasdasdsadsadsadas<br>
<br>
<br>
<p class="main">So sollte er sein</p>
<br>
</td>
</tr>
</tbody>
</table>
</div>
<div id="footer_container">
<div id="footer">
<table border="0" width="780">
<tbody>
<tr>
<td align="center" valign="middle"><b><span
class="rights">| <a href="JavaScript:history.back()"
class="rights">back </a>| </span></b></td>
<td align="center" valign="middle"><span
class="rights">©2008</span>
<span class="rights">All rights
reserved </span></td>
</tr>
</tbody>
</table>
</div>
</div>
</body>
</html>
Kommentar