Ergebnis 1 bis 8 von 8

Thema: Formatierungsproblem mit tabellenartiger Konstruktion

Hybrid-Darstellung

Vorheriger Beitrag Vorheriger Beitrag   Nächster Beitrag Nächster Beitrag
  1. #1
    Eine Lösung, die mir grade einfällt:

    Code (html):
     
    <div class="myform">
      <label />
      <input />
      <label />
      <input />
    </div>


    Code (css):
     
    .myform {
        position: relative;
    }
     
    .myform label {
        position: absolute;
        left: 0em;
        width: 6em;
    }
     
    .myform input {
        position: absolute;
        left: 6em;
        right: 0em;
    }


    Das position: relative ist wichtig, weil sich position: absolute sonst auf das Fenster bezieht und nicht auf das Elternelement. Nicht getestet, sollte aber tun.

  2. #2
    Tut nicht und es ist auch klar, warum: <input /> hat als standardmäßige Breite nicht 100% sondern eine feste Breite. left und right wirken sich nur auf die Positionierung, nicht aber auf die Breite festbreiter Elemente aus.

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •