Ludwig Ruderstaller: width:xxpx = align:left; ?????

Hallo Freunde der leichten Unterhaltung,

Ich hab da eine Tabelle, welche per align="center" mittig zentriert wird, (bzw werden sollte) diese tabelle enthält ein formular.

Als ich in diese css definition das width: reinmachte war es aufeinmal Links bündig, (die ganze tabelle natürlich) width angabe raus, schon steht alles wieder in der mitte

form,input,select,textarea {
color:#000000;
font-size:11px;
font-family:verdana,arial,lucida,sans-serif;
font-weight:normal;
font-style:normal;
padding:2px;
width:350px;
}

Hat dafür jemand eine erklärung?

Danke

Lg
Ludwig

  1. Hallo Ludwig!

    Ich hab da eine Tabelle, welche per align="center" mittig zentriert wird, (bzw werden sollte) diese tabelle enthält ein formular.

    Als ich in diese css definition das width: reinmachte war es aufeinmal Links bündig, (die ganze tabelle natürlich) width angabe raus, schon steht alles wieder in der mitte

    form,input,select,textarea {

    »»  color:#000000;
    »»  font-size:11px;
    »»  font-family:verdana,arial,lucida,sans-serif;
    »»  font-weight:normal;
    »»  font-style:normal;
    »»  padding:2px;
    »»  width:350px;

    }

    Hat dafür jemand eine erklärung?

    ja. ;-)

    Wir habe es schon geklärt, aber für andere kann es auch interessant sein:

    form,input,select,textarea {
    color:#000000;
    font-size:11px;
    font-family:verdana,arial,lucida,sans-serif;
    font-weight:normal;
    font-style:normal;
    padding:2px;
    }
    form {
    border:solid 1px blue;
    }

    So zeigt sich deutlich was passierte: die Formular war immer 100% Breit, die Tabelle wurde also  nur innerhalb der Formular zentriert.
    als du dann der Formular einen genauen Wert gegeben hast, wurde sie auf diese Breite gestützt, aber weiterhin linksbündig ausgerichtet.

    Die Lösung:
    form,input,select,textarea {
    color:#000000;
    font-size:11px;
    font-family:verdana,arial,lucida,sans-serif;
    font-weight:normal;
    font-style:normal;
    padding:2px;
    width:350px;
    }
    #formula {
    text-align:center;
    }

    <div id="formula">
    <form>
    <table> ...
    </>

    Grüße
    Thomas

  2. Hallo Ludwig, Freund der zu wenigen Informationen!

    Zuerst einmal: Willkommen in der mysterischen Welt von CSS!
    Ich habe auch oft schon versucht, möglichst viel mit CSS zu formatieren und gerade bei Breitenangaben bin ich oft verzweifelt.
    Mittlerweile verwende ich es nur noch zur Schriftenformatierung.

    Zu deinem speziellen Problem: Kann ich mal den ganzen Quellcode mit der Tabelle sehen?

    Ulixes