Formular zerreisst Design

DiDiJo

Erfahrenes Mitglied
Hey Leute,

ich hoffe meine Überschrift ist richtig .. .weil eigentlich weiß ich net ob es an dem Formular liegt.

aber wie dem auch sei. Ich hab ein Formular mit einem Link, einem <select> Feld und dahinter noch ein Submit Button. Das ganze ist 2-Zeilig und soltle theoretisch 40 px hoch sein. Eine höhe vergebe ich net, da sie sich irgendwie nur acuh die positionierung auswirkt ... und seltsamer weise net auf die höhe.

das is mein div
HTML:
    <div class="back">
 	<a href="bestellen.php">ZUR BESTELLUNG</a><br/>
   	  <form action="showProdukt.php?action=add&amp;design=<?=$design?>&amp;format=<?=$format?>&amp;color=<?=$color?>&amp;size=<?=$size?>" method="post">
        <select name="anzahl">
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
          <option value="4">4</option>
          <option value="5">5</option>
          <option value="6">6</option>
          <option value="7">7</option>
          <option value="8">8</option>
          <option value="9">9</option>
          <option value="10">10</option>
        </select> <input type="submit" name="submit" value="St&uuml;ck in Warenkorb legen"/>
      </form>
        </div>

und hier die dazugehörige css
Code:
.back {
	position:absolute;
	bottom:10px;
	right:10px;		
	text-align:right;
}

und heir der Link, damit man sich das mal anschauen kann (das ergebnis soltle so aussehen, wie es im Firefox dagestellt wird)

http://www.wandann.de/showProdukt.php?design=4&format=5&color=1
 
Etwas "zerissenes" kann ich nicht erkennen, meinst du den kleinen Abstand zwischen dem Link und den Formularelementen den man im Internet Explorer sieht?
 
jap ... der "Break" ist viel zu groß ... und unter dem submit button is zuviel Platz. eigentlich solltten das Bild links und das Formular rechts auf der gleichen höhe sein

EDIT:
ein padding:0 und ein margin:0 im formular tag haben wunder bewirkt ... allerdings ist das das erste mal das mir sowat passiert ist
 
Zuletzt bearbeitet:
Zurück