Ergebnis 1 bis 4 von 4

Thema: Fieldset im Fieldset ragt rechts heraus

  1. #1
    Youngster
    Registriert seit
    22.05.2007
    Beiträge
    13
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Fieldset im Fieldset ragt rechts heraus

    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:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http&#58;//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">[*]
                Start
              [*]
                &Uuml;ber uns
              [*]
                Registrierung
              [*]
                Impressum
              [*]
                Kontakt
              [*]
                Login
    	   
            <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*&#58;</label>
    <input type="text" name="name" size=25>
    <label for="name">vorname*&#58;</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
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Fortgeschrittene/r
    Registriert seit
    17.05.2007
    Beiträge
    160
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Ich seh da kein "Unter-Fieldset", nur ein fieldset.
    Meinst du: Was unter fieldset ist, ragt rechts heraus?
    Kann kaum sein, da drunter ist nichts mehr.
    Alles Gute

  3. #3
    Youngster
    Themenstarter

    Registriert seit
    22.05.2007
    Beiträge
    13
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    na ich habe doch das
    Code:
    <fieldset><legend>testform</legend>....
    <fieldset><legend>Abschicken></legend>//ragt raus
    ...
    </fieldset>
    </fieldset>

  4. #4
    mrbronx
    Gast

    Standard so geht das besser

    hi,

    lege in deiner css folgenden code an.

    Code:
    fieldset &#123;
    border&#58; 1px solid #dbd;
    width&#58;650px;
    background&#58; #fafafa;
    &#125;
    
    .fieldset_2 &#123;
    border&#58; 1px solid #dbd;
    width&#58;300px;
    background&#58; #fafafa;
    &#125;
    bei deinem zweiten fieldset im html code schreibst du so:

    Code:
    <fieldset class="fieldset_2"><legend>Abschicken</legend>
    	<label for="senden">Abschicken</label>
    
    <input type="submit" name="senden" value="wech damit"></p>
    </fieldset>
    so kommt das besser hin.

Ähnliche Themen

  1. Seiten mit einem Rand links und rechts bzw. nur rechts
    Von Malcolm X im Forum HTML & CSS Forum
    Antworten: 17
    Letzter Beitrag: 24.08.2007, 00:19
  2. Emailadresse heraus bekommen???
    Von Der Ratlose im Forum Computer - Internet Forum
    Antworten: 0
    Letzter Beitrag: 15.03.2007, 13:36
  3. <fieldset> - <legend> Probleme unter IE
    Von yeti66 im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 07.10.2006, 21:25
  4. IE vs. Firefox 1.5 Probleme mit <fieldset>-breite/höhe
    Von fliegerrollo im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 23.07.2006, 14:20
  5. fieldset
    Von steffi im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 3
    Letzter Beitrag: 07.03.2005, 17:08

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •