✔ DIV-Problem unterschiedliche Absätze?

[SilverVegeto]

Hallo Leute,
wie ihr am Screenshot sehen könnt klebt mein Info-DIV immer genau an der Textbox.
Wenn ich dies nun mit <br> beheben möchte muss ich komischerweiße immer so viele <br> verwenden wie ich Zeilen in der Info-DIV habe.

Sprich, wenn mein Info-Div zb 5 Zeilen hat muss ich, damit ich einen Abstand zwischen Info-Div und Textbox bekomme 6 <br> machen.

Wir kann ich das beheben, sollte ich im CSS-Code etwas ändern?

.divbox_info
{
  float: left;
  margin: 0px;
  padding: 5px;
  padding-left: 50px;  
  width: 572px;
  min-height: 40px;
  text-align: left;
  border-width: 1px;
  border-style: solid;
  border-color: #00A800;
  background-color: #B3FFB2;
  color: #00A800;
  background-image: url(../img/icon_okay.png);
  background-repeat: no-repeat;
}

<div class="divbox_info">Deine Daten wurden erfolgreich gespeichert.</div><br>
<form action="index.php?p..." method="post">
<div class="divbox_35pro_links">Deine ICQ-Nr:</div>

 

[Maik]

Hi,

ohne jetzt den übrigen CSS-Code für die nachfolgenden Elemente zu kennen: Vermutlich fehlt der "Text-Box" die clear:left-Deklaration, um das Floaten von .divbox_info aufzuheben, und die Ausgabe ihres Inhalts unterhalb von .divbox_info zu erzwingen. So werden die <br>-Tags auch nicht mehr benötigt.

mfg Maik

 

[Maik]

So funktioniert es ohne die <br>-Tags - der untere Außenabstand muß natürlich den eigenen Vorstellungen angepasst werden, sofern er in dieser Größe nicht erwünscht ist:

.divbox_info
{
  float:left;
  margin: 0 0 15px 0; /* Außenabstand oben - rechts - unten - links */
  padding: 5px;
  padding-left: 50px;
  width: 572px;
  min-height: 40px;
  text-align: left;
  border-width: 1px;
  border-style: solid;
  border-color: #00A800;
  background-color: #B3FFB2;
  color: #00A800;
  background-image: url(../img/icon_okay.png);
  background-repeat: no-repeat;
}

form {
margin:0;
}

.divbox_35pro_links {
clear:left;
}

mfg Maik