Hallo ich habe folgendes css
CSS:
Code
#body {
font-size: 85%;
font-famliy: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
text-align: center;
}
#wrap {
width: 900px;
margin: 0 ;
text-align: center;
}
#header {
float: left;
width: 900px;
height: 100px;
text-align: center;
border-top: 1px solid #999;
}
#navigation {
float: left;
width: 900px;
height: 50px;
border-bottom: 1px solid #999;
border-top: 1px solid #999;
top:0px;
left:0px;
background-color:rgb(100,180,250);
z-index:1;
}
#sidebar {
float: left;
width: 150px;
height: 400px;
top: 0;
}
#content {
float: left;
width: 700px;
height: 400px;
border-right: 1px solid #999;
border-left: 1px solid #999;
top: 0;
}
#current {
background: url(bg_menuitem.gif)
#979797 repeat-x 0px -160px;
color: #fff;
cursor: default;
padding: 0 15px;
}
#mainnavi li {
border-right: 1px solid #676767;
display: inline;
}
#mainnavi li a {
color: #fff;
padding: 0 15px;
text-decoration: none;
}
#mainnavi li a:hover {
background: url(bg_menuitem.gif)
#676767 repeat-x 0px -80px;
text-decoration: none;
}
#form {
text-align:left;
width:700px;
}
#navigation ul {
list-style-type: none;
}
#navigation ul li {
display: inline;
}
h1, h2, h3, h4, h5, h6 {
margin: 20px;
}
p.boxtext {
border: 1px solid #000;
padding: 5px;
}
p {
margin: 15px 20px;
}
#list {
list-style-position:outside;
}
form {
width:500px;
}
#person label {
display:block;
font-weight: bold;
text-align:left;
}
#aktivierung label {
display:block;
font-weight: bold;
}
#login label {
display:block;
font-weight: bold;
}
fieldset {
border: 1px solid #dbd;
width:650px;
background: #fafafa;
}
legend {
font-weight: bold;
font-size: 120%;
color: #999;
}
textarea {
width: 425px;
heigth: 125px;
}
a.navi,a.navi_first,a.navi_self{
display:block;
white-space:nowrap;
overflow:hidden;
border-left:1px solid black;
border-right:1px solid black;
border-bottom:1px solid black;
font-family:Tahoma,sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
letter-spacing:0.1em;
padding:3px;
text-align:center;
}
a.navi_first {
border-top:1px solid black;
}
a.navi:link,a.navi:link,a.navi:visited,a.navi_first:visited {
background-color:rgb(115,115,75);
color:white;
}
a.navi_self:link,a.navi_self:visited {
background-color:gray;
color:white;
}
a.navi:hover,a.navi_first:hover,a.navi_self:hover,a.navi:active,a.navi_first:active,a.navi_self:active {
background-color:white;
color:black;
}
#navcontainer
{
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
border-top: 1px solid #999;
z-index: 1;
}HTML:
HTML
<!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" lang="de">
<head><meta http-equiv="Content-type" content="text/html ; CHARSET=iso-8859-1"/>
<title Registrierung</title>
<link rel="stylesheet" type="text/css" href="css/basic.css" media="screen"/>
</head>
<body color="ffffff">
<div id="wrap">
<div id="header">
<h1>Registrierung</h1>
</div>
<div id="navigation">
<ul id="mainnavi">
[*]
[url='index.php']Start[/url]
[*]
[url='about.html']Über uns[/url]
[*]
[url='register.html']Registrierung[/url]
[*]
[url='impressum.html']Impressum[/url]
[*]
[url='kontakt.html']Kontakt[/url]
[*]
[url='formular2.php']Login[/url]
<ul>
</div>
<div id="sidebar">
</div>
<div id="content">
<h1>Kontakt</h1>
<div id="form">
<form action="register.php" method="post">
<fieldset><legend>Testform</legend>
<label for="name">Name*:</label>
<input type="text" name="name" size=25>
<label for="name">vorname*:</label>
<input type="text" name="vorname" size=25>
<fieldset><legend>Abschicken</legend>
<label for="senden">Abschicken</label>
<input type="submit" name="senden" value="wech damit"></p>
</fieldset>
</fieldset>
</form>
</div>
</div>
</div>
</body>
</html>nur ist es wie gesagt ist es leider so, dass rechts dann das "Unter-Fieldset" herausragt.
Wie bekomm ich das weg?
Gruß niesel