CSS: Einstellung einer bestimmten Tabellenzelle Höhe in Prozent auf dem Bildschirm?

Sagen, dass ich eine Tabelle mit zwei Zeilen und einer Zelle in jedem. Ich möchte die erste Zelle, die eine Höhe von 70% des Bildschirms oder webbrowser-Fenster.

Wenn Sie die height-Eigenschaft festgelegt ist, in den tr-oder td-Zelle bekommen, die Höhe in Prozent der Tabelle der Bildschirm nicht. Ich will nicht die ganze Tabelle in Prozent des Bildschirms, weil ich will die zweite Zelle in der Lage sein zu erweitern nach unten ohne Begrenzung, wenn Inhalt Hinzugefügt. Ist das möglich?

/Tomas

  • Verwenden Sie Tabellen für das layout?
  • Ja, aber nach dem Lesen der Antworten, die ich geuss sollte ich verwenden divs statt.
InformationsquelleAutor Tomas | 2010-11-16
  1. 1

    Körper Margen und Polster zu 0 in der stylesheet-Datei:

    body {
   padding: 0;
   margin: 0
}

    Stellen Sie Ihre Tabelle die Breite auf 100%:

    <table style="width: 100%">

    Stellen Sie Ihr Zelle die Breite auf 70%:

    <table style="width: 100%">
   <tr>
      <td style="width: 70%">

    Und jetzt vergessen Sie all die oben genannten ausgenommen body margin und padding und Verwendung:

        <div style="width: 70%"></div>
    <div></div>
    • Ja, das gibt mir genau das, was ich will, außer die Höhe anstatt der Breite :), danke!
    InformationsquelleAutor fomicz
  2. 0

    Wenn Sie eine Höhe von 70%, es werden 70% der Höhe des übergeordneten Elements, in diesem Fall die Tabelle.

    Also, Wenn Sie Tabellen verwenden, wäre gezwungen, geben der ganzen Tabelle eine Höhe von 100% und dann Zelle der Tabelle automatisch erweitern von Standard.

    ist es das, was du meinst?

    • Aber Jordan hat Recht, Sie sollten vermeiden Sie die Verwendung von Tabellen für das layout, divs und css sind der standard.
    • Ich versuchte dies und das automatische erweitern ist, in die Tabelle. Das heißt, die Tabelle ist immer noch 100% der Bildschirm und die zweite Zelle erweitert, so dass die erste Zelle nimmt weniger als 70%. Aber wie du sagst sollte ich verwenden divs und css statt. Vielen Dank 🙂
    InformationsquelleAutor Sebastian Patane Masuelli
Schreibe einen Kommentar