✔ Problem bei horizontaler Navigation

[Maik]

Ich hab da mal vor geraumer Zeit ein CSS-Modell entwickelt, das ein <fieldset>-Element simuliert.

<div class="fieldset">
     <h1><span>Legend</span></h1>
     <p>CSS-Modell für ein &lt;fieldset&gt;-Element.</p>
</div>

div.fieldset {
position:relative;
margin:2em 0;
width:537px;
padding:0.5em 0 0 0;
border:1px solid #c2cfd7;
color:#000;
background:#fff;
}

div.fieldset h1 {
position:absolute;
top:-0.5em;
left:1em;
margin:0;
padding:0;
font-size:1.2em;
font-weight:normal;
}

div.fieldset h1 span {
margin:0;
padding:0 0.5em;
color:#fff;
background:#262626;
}

div.fieldset p {
margin:0;
padding:1em 1em 1em 1.5em;
color:#000;
font-size:1.2em;
background:#fff;
}

Vielleicht kannst du damit etwas anfangen.

 

[alex130]

Danke funktioniert super
LG Alex

//edit: nur ein Fehler ist und zwar, wird der padding Wert ignoriert, wenn ich eine Tabelle einfüge...
http://cms.deep-coding.net/admin/#

 

[Maik]

Setz das mal mit diesem Markup um:

<div class="fieldset">
     <h1><span>Server Infos</span></h1>
     <ul>
         <li><span>PHP-Version:</span>5.2.5-0.dotdeb.2</li>
         <li><span>MySQL Version:</span>5.0.51a</li>
     </ul>
</div>

div.fieldset {
position:relative;
margin:2em 0;
width:537px;
padding:0.8em 0 0 0;
border:1px solid #c2cfd7;
color:#000;
background:#fff;
}

div.fieldset h1 {
position:absolute;
top:-0.5em;
left:1em;
margin:0;
padding:0;
font-size:1.2em;
font-weight:normal;
}

div.fieldset h1 span {
margin:0;
padding:;0 3em;
padding: 1px 25px 1px 25px;
color:#fff;
background:#262626;
font-weight:bold;
}

div.fieldset ul {
margin:0;
padding:1em 1em 1em 1.5em;
color:#000;
font-size:1.2em;
background:#fff;
}

div.fieldset ul li span {
float:left;
width:200px;
}