✔ Menü wird unter dem Div angezeigt

Status
Nicht offen für weitere Antworten.
Kann ich bei meinen boxen auch so abgerundete Kanten oben und unten machen? So wie hier bei tutorials.de, oder geht das mit dem Prozentualen Layout nicht?
 
Ja 8 divs sind zu viel ^^, aber gibts da noch was einfacheres? Denn bei dem Link den du mir geschickt hast, ist es zwar so wie ich will, aber so ist es schon sehr mühsam außerdem komm ich dann durch einander ^^
Also gibts da eine kürzere Version bzw. hast du auch deine eigene Version von so einem Code?
lg
 
Ja schon besser ^^, aber wie kann ich das genau anpassen?
Im moment sieht mein Code so aus:
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Nifty Corners: HTML CSS rounded corners</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<style type="text/css">

h1,h2,p{margin: 0 10px}
h1{font-size: 250%;color: #FFF}
h2{font-size: 200%;color: #f0f0f0}
p{padding-bottom:1em}
h2{padding-top: 0.3em}
div#nifty{ margin: 0 10%;background: #9BD1FA}

b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #9BD1FA}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}





.leftCol { /* linke Spalte */
width: 20%;
float: left;
}

.box {
margin-bottom: 8px;
padding-top: 5px;
padding-bottom: 5px;
}

</style>
</head>
<body>
<div class="leftCol">
<div class="box">
<div id="nifty">
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<h1>Nifty Corners</h1>
<p>Auiiui  uieiouo auuaa oiaue uaou iioiiou uiio a io ieeoai uaouoe uoiaau eeauauou u oiauuie eo ui.</p>

<h2>Rounded corners without images</h2>
<p>Aaeao aiieuouiu io ueuiieu uei oeio uooiau uue ooiea ooiaui eue ouue i uiaoo iouieiuia uueeo ieieuiiau
ueaooa iou iaeieuo uoao iauoi u i oeioooe auo a ooe u uuuo oaooaae uoa iuiuiaeu iioaeu uuiu eeu ea eouoiuo ua o.</p>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
</div>
</div>
</div>
</body>
</html>
 
Ok es tut mir leid, das war wirklich eine blöde Fehlerbeschreibung....
Wenn ich bei .box einen Hintergrund festlege, dann sehe ich dass die runde Box nicht so breit ist, wie meine Box. Hab es daweil nur bei der .Box gemacht und wenn alles funktoniert, dann bau ich es in mein Layout ein.
lg
 
Der Hintergrund wird in den folgenden Selektoren festgelegt:

Code: 
div#nifty{ margin: 0 10%;background: #9BD1FA}

b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #9BD1FA}
 
Oh es tut mir leid schon wieder falsch ausgedrückt ^^, ich die Breite für die runde Box, denn wenn ich bei .box einen anderen Hintergrund mache, dann sehe ich dass auf jeder Seite ca. 1% platz ist...
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück