DIV Zeichnet keine border

Status
Nicht offen für weitere Antworten.

mille

Erfahrenes Mitglied
Hallo.

Ich habe eine kleine box, bei der genau solang auf der linken seite ein Strich gezeichnet werden soll, wie die box lang ist.
Alles kein Problem, dacht eihc mir.

Aber es wird keine Linke an linken Rand des DIVs gezeichnet, was mache ich falsch? Es geht mir um "#gb_eintrag"

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
#contentBoxID {
    height: 320px;
    width: 300px;
    max-height: 320px;
    max-width: 300px;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #343F56;
    float: left;
}
.inputArea{
    background-repeat: no-repeat;
    border: 0px;
    width: 255px;
    height: 30px;
}
#form_name_bg {
    background-image: url(gfx/name.png);
}
#form_wohnort_bg {

    background-image: url(gfx/wohnort.png);
}
#form_text_bg{

    background-image: url(gfx/textarea.png);    
    background-repeat: no-repeat;
    border: 0px;
    width: 255px;
    height: 205px;
}
#setSubmit{
    width: 90%;    
}
input {
    
    border: 0px;
    width: 230px;
    height: 24px;
    background-color: transparent;
    margin-top: 5px;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #343F56;
}
textarea{
    border: 0px;
    width: 230px;
    height: 192px;
    background-color: transparent;
    margin-top: 5px;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #343F56;
}
a{
    border: 0px;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #343F56;
}
#gb_eintrag {
    border-left-width: 2px;
    border-left-color: #343F56;
    width: 95%;
    text-align: left;
    margin-left: 10px;
}
#left_line{
    border-width: 10px;
}
#gb_eintrag_inhalt {
    width: 100%;
    text-align: left;
}
-->
</style>
</head>
<SCRIPT type="text/javascript">

function send() {

    self.document.gbform.submit (); 
}

</SCRIPT>
<body>
<div class="ContentBox Stil2" id="contentBoxID"><strong>
    
    Gbook = Guestbook = G&auml;stebuch</strong><br />
    <br />
    Wenn du auch reinkritzeln willst, folge mir...<br />
   Viele andere haben schon vor Dir diesen Weg gewagt. Momentan z&auml;hle ich {$gb_anzahl} Beitr&auml;ge. Wie sie sich produziert haben, siehst du im Folgenden :-)<br />
    <br /><br />
    
    <div id="gb_eintrag">
        {$gb_name} ({$gb_ort}/{$gb_datum}): 
          <div id="gb_eintrag_inhalt">
            <div style="margin-top: 5px"><i>
            {$gb_text}
            </i></div>
          </div>
    </div>
    <br />
    <br />
    <br />
</div> 
</body>
</html>

MfG

Basti
 
Status
Nicht offen für weitere Antworten.
Zurück