IE + Fieldset mit Hintergrundbild
Ja, ich wollte ein Formular bzw mehrere Abteilungen eines Formulars in verschiedenen Fieldsets unterbringen und habe als Backgroundimage des Fieldsets nen schönen Verlauf genommen.
Beim Firefox siehts auch wie gewünscht aus, nur der IE meint dem Legend-Element ebenfalls diesen Background zuzuweisen, also geht der Background noch gute 5-8 Pixel über den oberen Rand des Fieldsets.
Sieht scheiße aus.
Nun habe ich das Bild weg gelassen und nur eine Farbe als Hintergrund definiert, was im IE ebenfalls gute 5-8 Pixel zu weit oben ansetzt.
Hab schon versucht, über CSS dem Legend-Element keinen Background zuzuweisen, aber trotzdem schnallt dieser dümmliche IE nicht, dass ich da keinen Background haben will.
Zur Veranschaulichung :
Im dümmlichen IE.
Im rocking Firefox.
CSS :
Code:
fieldset {
background-color: #ffffff;
background-image: url('layout/verlauf_1.gif');
background-repeat: repeat-x;
padding-left: 10px;
padding-right: 10px;
}
legend {
font-size: 12px;
font-family: Tahoma;
font-weight: bold;
color: #651011;
background: transparent;
}
textarea, input {
display: block;
background-color: #fff;
border: 1px #a3a3a3 solid;
margin-bottom: 10px;
}
HTML :
HTML-Code:
<form id="kommentarformular" method="post" action="index.php?site=comment">
<fieldset>
<legend>Formular</legend>
<p><label for="name">Ihr Name* :</label><input type="text" id="name" name="name" /></p>
<p><label for="email">E-Mail Adresse :</label><input type="text" id="email" name="email" /></p>
<p><label for="text">Nachricht* :</label>
<textarea id="text" name="text" rows="10" cols="67"></textarea></p>
</fieldset>
<fieldset>
[...]
</fieldset>
</form>
You don't have permission to access / on this server.
Tagchen, hab mal nach langer weile/zeit ne frage, hab grad meine Seite auf XHTML umgestellt. Nun wird mir aber gesagt: 403 Forbidden You don't have permission to access / on this server.
Die Datei heißt index.xhtml, benenne ich sie in index.html um geht die Seite wieder.
Ist alles nur XHTML und CSS.
Hier mal der XHTML Code, der ist sogar valide. ;O
HTML-Code:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<title>brueggex.de</title>
</head>
<body>
<div id="main">
<div id="header">
<h1 id="title">brueggex.de</h1>
</div>
<ul id="navi">
<li>« <a href="XXX">XXX</a> »</li>
</ul>
</div>
<div id="footer">
<h2 id="copy">« © brueggex.de 2006 »</h2>
<p><a href="http://validator.w3.org/check?uri=referer">Valid XHTML 1.0 Strict</a></p>
</div>
</body>
</html>