[HTML][CSS][DIV] Gewaltiges Positionierungsproblem

[Ambience]

Hallo,

ich hab ma wieder ein Problem mit den Div Containern und der Positionierung einiger Elemente....

Erstmal ein kleines Bild: Klick!

So wie auf dem Bild siehts momentan aus... Nun ich versuche jetzt seit einigen Tagen das alles hinzubekommen, deswegen wollt ich jetzt einfach mal posten und um eine Schritt für Schritt hilfe bitten.

Ich möchte gerne das Inputfeld, so positionieren, dass es erstmal 16px von oben und 10px von links entfernt ist.. also vom rand dieser roten suchbox.. Und hinter dem Inputfeld sollen nochmal 10 pixel platz sein, bevor der Suchen button kommt(welcher ebenfalls 16 pixel) von oben abstand haben soll.

CSS

Code: Alles auswählen

  #suche  { background-image: url(suche_background.jpg);
            background-repeat: no-repeat;
            width: 532px;
            height: 68px;
            margin-top: 0px;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 35px;
            text-align: right;
          }
          
  #suche_input  { width: 430px;
                  border: 2px;
                  border-style: inset;
                  border-color: #cccccc;
                }

HTML abschnitt:

Code: Alles auswählen

<div id="suche"><input type="text" name="#" id="suche_input" /><img src="suchen_button.gif" /><br />Erweiterte Suche</div>

Ich hoffe, dass mir diesmal jemand, der mehr Erfahrung mit diesen Div-Containern hat, weiterhelfen kann.

Mit freundlichem Gruß
Ambience

[JFooty]

Probier mal für #suche den Innenabstand mit padding-top und padding-left festzulegen.
Für #suche-input solltest du dann noch mit margin-left den Abstand zwischen Suchfeld und Button festlegen können.