HTML-Label zu füllen Zelle Höhe, mit irgendeiner form der Polsterung

Ich versuche, ein label zu füllen eine Zelle in der Tabelle, während mit irgendeiner Art von Polsterung auf das Etikett aufgetragen.

Ich habe versucht, eine Methode, die ich gefunden durch meine Recherchen aber dies scheint nicht zu funktionieren... hier ist mein CSS:

tr {
    height: 1px;
}

td {
    height:100%;        
}

label {
    background-color: #DCDCDC;
    display: block; 
    font-weight:bold;
    vertical-align:top;
    text-align:right;  
    padding: 8px 5px 8px 8px;
    margin:  1px 3px 1px 0px;     
    min-width: 120px;
    min-height:100%;    
    height:auto !important;
    height:100%;
}

Jede Hilfe zu diesem wäre dankbar geschätzt

  • Welcher browser ist es ein geben Sie Problem?
InformationsquelleAutor Kieran | 2011-12-14
  1. 1

    Aus der angegebenen CSS sieht es aus wie es kann browser-Standard-Polsterung, die auf die Zellen der Tabelle.

    td {padding: 0;}
label {display: block; padding: 1em;}

    scheint, den trick zu tun für mich : http://jsfiddle.net/Fb7bS/

    Aber eine komplexere Tabelle und/oder übernommene Stile von anderswo, kann hinzufügen Komplikationen.

    InformationsquelleAutor Steve Pugh
  2. 0

    Hy,
    Ich kam über dieses problem vor langer Zeit. Es scheint, dass irgendeine Art von Web-Browsern hinzufügen standard Polsterung und Marge Tabellen.
    Wie viel Sie hinzufügen, hängt immer vom webbrowser.
    Aber dieses problem zu überwinden, sollten Sie die Methode der css zurücksetzen.
    Was ist das ?
    Fügen Sie einfach eine .css-Datei in Ihre HTML-Seite, die Pflastersteine alle Ränder/Polstern und anderen Formationen gemacht, die standardmäßig auf null. Mit diesem können Sie solche Probleme vermeiden.
    Da geht der link zum CSS-Reset: http://meyerweb.com/eric/tools/css/reset/

    InformationsquelleAutor mas-designs
  3. 0

    Gut, in älteren Browsern, ein label kann nicht festgelegt werden, wie ein block-level element. Sie könnten versuchen, indem eine div innerhalb der label und übertragung der Beschriftung Stile auf die div, und sehen, ob das behebt das Problem.

    Obwohl auch für height: 100% zu arbeiten, muss das element absolut positioniert werden, und das übergeordnete element relativ positioniert, aber in einigen Browsern die Tabelle Elemente wie td können nicht relativ positioniert werden, entweder. Auch wenn die td gemeint ist, die zum füllen der gesamten Länge des Bildschirms vertikal, die height: 100% auf beide Elemente ist unnötig sowieso.

    Habe ich entfernt, einige der "unnötigen" code und änderte Ihr format ein bisschen hier, aber ich bin mir nicht sicher, was genau Sie wollte, so könnte es sich herausstellen, um nicht so unnötig und, das noch etwas fehlte, war eben: http://jsfiddle.net/mGykJ/1/

    Könnte man sehen, ob das mehr ist wie das, was Sie im Sinn hatte? Obwohl, wenn du posten könntest den HTML-Code, das wäre hilfreich.

    InformationsquelleAutor justisb
Schreibe einen Kommentar