div Container in html einbauen benötige dringend hilfe &quot

    Hallo

    ich habe hier einen code für einen Container mit runden ecken.
    Nun bin ich aber noch ein ansoluter anfänger,ich habe den code eingefügt aber irgendwie klappt es nicht so recht.
    Kann mir vielleicht jemand sagen was ich falsch gemacht hab?
    Der Container ist so nämlich nicht zu sehen. Sondern nur die schrift,kann ich irgendwie die containergröße angeben?
    Das ist der code selbst
    [/code]#roundbox {
    display:block;
    background:transparent;
    font-weight:normal;
    margin:10px 20px;
    }
    #roundbox p {
    margin:0 2px;
    padding:2px 0;
    line-height:1.2em;
    }
    .roundboxcontent {
    display:block;
    background:#e0e0d5;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    padding:0.5em;
    }

    .linie1, .linie2, .linie3, .linie4 {display:block; overflow:hidden; font-size:1px;}
    .linie1, .linie2, .linie3 {height:1px;}
    .linie2, .linie3, .linie4 {background:#e0e0d5; border-left:1px solid #fff; border-right:1px solid #fff;}
    .linie1 {margin:0 5px; background:#fff;}
    .linie2 {margin:0 3px; border-width:0 2px 0 2px;}
    .linie3 {margin:0 2px;}
    .linie4 {height:2px; margin:0 1px 0 1px;}

    Code
    hier ist der eingefügte code

    <?php $font = "<font face='$global_fontface' color='$global_fontcolor_dark' size='$global_text_size'>"; $_font = "</font>"; php?>

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>Untitled</title>
    </head>
    <body BACKGROUND="<% EchoVar($toshopdata) %>img/hintergr.Ob.jpg"
    #roundbox {
    display:block;
    background:transparent;
    font-weight:normal;
    margin:10px 20px;
    }
    #roundbox p {
    margin:0 2px;
    padding:2px 0;
    line-height:1.2em;
    }
    .roundboxcontent {
    display:block;
    background:#e0e0d5;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    padding:0.5em;
    }

    .linie1, .linie2, .linie3, .linie4 {display:block; overflow:hidden; font-size:1px;}
    .linie1, .linie2, .linie3 {height:1px;}
    .linie2, .linie3, .linie4 {background:#e0e0d5; border-left:1px solid #fff; border-right:1px solid #fff;}
    .linie1 {margin:0 5px; background:#fff;}
    .linie2 {margin:0 3px; border-width:0 2px 0 2px;}
    .linie3 {margin:0 2px;}
    .linie4 {height:2px; margin:0 1px 0 1px;}
    <div id="roundbox">
    <b class="linie1">[/b]
    <b class="linie2">[/b]
    <b class="linie3">[/b]
    <b class="linie4">[/b]

    <div class="roundboxcontent">
    <h1>Beispielbox</h1>

    Diese Box hat runde Ecken, die mit reinem CSS erzeugt wurden und benötigt keine Hintergrundgrafik !</p>
    </div>

    <b class="linie4">[/b]
    <b class="linie3">[/b]
    <b class="linie2">[/b]
    <b class="linie1">[/b]
    </div>
    </body>
    </html>

    Code

    hm.... also ich denke du musst erstmal den code:

    entweder in ne css datei auslagern und die dann einbinden
    mit <link rel="stylesheet" type="text/css" href="dateiname.css">

    oder du setzt folgendes dazu:

    Code
    <style type="text/css">
<!--
/* hier dann deinen text (den wo ich oben schonmal kopiert habe) */
-->
</style>

    aber was das mit den .linie classen sein soll *verwirrt*