Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 17

Thema: DIV gleiche Höhe in jeder Zelle

  1. #1
    freezly
    Gast

    Standard DIV gleiche Höhe in jeder Zelle

    Hallo Community,

    ich habe eine Tabelle in der pro Zelle ein div Container (für einen Rahmen) drin ist. Jede Zelle hat unterschiedlich viel Inhalt. Nun sind deswegen die DIVs unterschiedlich hoch. Ich habe es bereits mit height: 100% versucht. Klappt aber nicht. Was mache ich verkehrt?

    Hier mal mein gekürztes Beispiel, was das Problem recht gut zeigt:
    HTML-Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">    <head>        <style type="text/css">        <!--
            .container {            outline-width: thin;            outline-color: #CCCCCC;            outline-style: solid;                        margin: 10px;            padding: 10px;            height: 100%;            border-top-left-radius: 3px;            border-top-right-radius: 3px;            border-bottom-right-radius: 3px;            border-bottom-left-radius: 3px;        }                td{            vertical-align: top;            width: 200px;        }        -->        </style>    </head>    <body>            <table>            <tbody>                <tr>                    <td>                        <div class="container">TEXT</div>                    </td>                    <td>                        <div class="container">TEXT <br /> TEXT <br /></div>                    </td>                    <td>                        <div class="container">TEXT <br /> TEXT <br />TEXT <br /> TEXT <br />TEXT <br /> TEXT <br /></div>                    </td>                </tr>            </tbody>        </table>    </body></html>
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Bandit
    Gast

    Standard AW: DIV gleiche Höhe in jeder Zelle

    Ein Problem, dass in jedem Forum schon 'zig mal besprochen wurde und auch mit google findet man Infos!

    Siehe http://www.ohne-css.gehts-gar.net/0005.php

  3. #3
    freezly
    Gast

    Standard AW: DIV gleiche Höhe in jeder Zelle

    Hier noch mal besser lesbar:
    HTML-Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    	<head>
    		<style type="text/css">
    		<!--
    
    		.container {
    			outline-width: thin;
    			outline-color: #CCCCCC;
    			outline-style: solid;
    			
    			margin: 10px;
    			padding: 10px;
    			height: 100%;
    			border-top-left-radius: 3px;
    			border-top-right-radius: 3px;
    			border-bottom-right-radius: 3px;
    			border-bottom-left-radius: 3px;
    		}
    		
    		td{
    			vertical-align: top;
    			width: 200px;
    		}
    		-->
    		</style>
    	</head>
    	<body>	
    		<table>
    			<tbody>
    				<tr>
    					<td>
    						<div class="container">TEXT</div>
    					</td>
    					<td>
    						<div class="container">TEXT <br /> TEXT <br /></div>
    					</td>
    					<td>
    						<div class="container">TEXT <br /> TEXT <br />TEXT <br /> TEXT <br />TEXT <br /> TEXT <br /></div>
    					</td>
    				</tr>
    			</tbody>
    		</table>
    	</body>
    </html>

  4. #4
    Bandit
    Gast

    Standard AW: DIV gleiche Höhe in jeder Zelle

    Igittigitt!! Tabellen-Layout ist absolut out. Beachten den Link, den ich vorhin gepostet habe.

  5. #5
    HTML Newbie
    Registriert seit
    07.01.2013
    Beiträge
    6
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: DIV gleiche Höhe in jeder Zelle

    Danke für die schnelle Antwort.

    wenn ich es richtig verstehe soll ich ein Wrapper DIV verwenden. Das funktioniert aber für mein Beispiel nicht. Ich habe immerhin einige tr und td zwischen den einzelnen DIVs. Wie soll ich das Beispiel dafür hernehmen?

    Leider kann ich auch nicht die Rahmen der Tabelle nehmen, da diese dynamisch befüllt wird und wenn in einer Zelle kein Inhalt ist, soll natürlich auch kein Rahmen zu erkennen sein.

    - - - Aktualisiert - - -

    Zitat Zitat von Bandit Beitrag anzeigen
    Igittigitt!! Tabellen-Layout ist absolut out. Beachten den Link, den ich vorhin gepostet habe.

    Jetzt mal langsam! Das ist nur ein Beispiel für meine Datentabelle und kein Layout für eine Seite. Wollte ja niemanden mit dem kompletten html Code der Seite erschlagen.

  6. #6
    Großmeister(in)
    Registriert seit
    04.08.2009
    Beiträge
    572
    Danke
    0
    Bekam 67 mal "Danke" in 65 Postings

    Standard AW: DIV gleiche Höhe in jeder Zelle

    Hallo,

    so wie du es dir verstellst funktioniert es nicht. Durch die Zellen werden die DIVs getrennt und können nicht mehr aufeinander reagieren, was aber bei HTML/CSS auch überhaupt nicht vorgesehen ist. Die Faux Columns sind auch nur ein Notlösung, die in der Praxis vollkommen unnötig sind, die Benutzer genau Null interessiert und nur dem Webseitenersteller wichtig ist.

    Ich habe die Vermutung, du steckst gedanklich in einer Sackgasse, kannst dich nicht mehr bewegen, nimmst aber auch keine Hilfe an, um ein kurzes Stück zurückzukommen um dann auf einem anderen Weg im Endeffekt schneller zum Ziel zu gelangen.

    Von daher wäre es sinnvoller, wenn du mal einen Link zu einer Beispielseite oder eine genauere Beschreibung deines Vorhabens posten würdest. Aus deinen Angaben ist zur Zeit wirklich nur zu entnehmen, das du die Tabellen zum Layouten mißbrauchst, auch wenn du dir dafür (wie viele Andere auch) eine sinnfreie Ausrede ausdenkst. Auch für Teile einer Seite dürfen Tabellen nicht zum Layouten herhalten. Das ist zum einen sachlich schlicht falsch und erschwert im Endeffekt wie bei dir die Umsetzung des eigentlichen Vorhabens.

    Gruss

    MrMurphy

  7. #7
    HTML Newbie
    Registriert seit
    07.01.2013
    Beiträge
    6
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: DIV gleiche Höhe in jeder Zelle

    Also mal ganz ehrlich. Sieht das Beispiel wie ein Layout aus? Linksbündig. Genau drei Spalten mit 200px Breite. Es ist eine Datentabelle! In der 2. Zeile wiederholen sich die DIVs. 3. Zeile wieder usw.

    Ich bin auch offen für andere Komponenten oder auch für Workarounds. Nur um die Tabelle komme ich nicht herum ... es ist ein DataGrid von Primefaces http://www.primefaces.org/showcase/ui/datagrid.jsf ... ich hoffe damit sind auch die letzten Zweifler überzeugt, dass der Einsatz der Tabelle richtig ist.

    - - - Aktualisiert - - -

    Zitat Zitat von MrMurphy Beitrag anzeigen
    Ich habe die Vermutung, du steckst gedanklich in einer Sackgasse, kannst dich nicht mehr bewegen, nimmst aber auch keine Hilfe an, um ein kurzes Stück zurückzukommen um dann auf einem anderen Weg im Endeffekt schneller zum Ziel zu gelangen.
    Klar stecke ich in ner Sackgasse. Ich nehme jede Hilfe an, nur die "Faux Columns" sind keine Alternative und ein Layout ist es auch nicht.

  8. #8
    Großmeister(in)
    Registriert seit
    04.08.2009
    Beiträge
    572
    Danke
    0
    Bekam 67 mal "Danke" in 65 Postings

    Standard AW: DIV gleiche Höhe in jeder Zelle

    Hallo,

    Nur um die Tabelle komme ich nicht herum ... es ist ein DataGrid von Primefaces http://www.primefaces.org/showcase/ui/datagrid.jsf ... ich hoffe damit sind auch die letzten Zweifler überzeugt, dass der Einsatz der Tabelle richtig ist.
    Nö, auf der Beispielseite wurde eine Tabelle zum Layout mißbraucht. Von den Inhalten einer Tabelle ist auf der Seite weit und breit nichts zu sehen.

    Das ist genau das was ich beschrieben habe. Um doch Tabellen zum Layouten mißbrauchen zu können werden einfach alle irgendwie senk- und waagerecht angeordneten Inhalte zur Tabelle erklärt. Das bringt nur nichts - das ist sachlich keine Tabelle, auch wenn du es dir noch so sehr wüschst.

    Und da

    Ich nehme jede Hilfe an,
    widersprichst du dir selbst in nur einem Satz

    nur die "Faux Columns" sind keine Alternative und ein Layout ist es auch nicht.
    Gruss

    MrMurphy

  9. #9
    Bandit
    Gast

    Standard AW: DIV gleiche Höhe in jeder Zelle

    Crosspostings sind unerwünscht, daher: *closed*
    <edit>
    Crossposting wurde verständlich begründet, daher wieder offen.
    </edit>
    Geändert von Bandit (08.01.2013 um 16:54 Uhr)

  10. #10
    HTML Newbie
    Registriert seit
    07.01.2013
    Beiträge
    6
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: DIV gleiche Höhe in jeder Zelle

    Danke fürs öffnen.

    Zitat Zitat von MrMurphy Beitrag anzeigen
    widersprichst du dir selbst in nur einem Satz
    Das kann ich erklären: Die "Faux Columns" basieren darauf, dass eine Grafik in einem Wrapper DIV gelegt wird. Nun habe ich hier aber den Fall, dass ich auch 10 Zeilen haben kann und jede Zeile eine andere Höhe haben könnte (Mein Beispiel oben hat nur eine Zeile damit es einfach bleibt). Sind ja immerhin dynamische Daten ... wer weiß denn ob in dem einen 10 Zeichen und in dem anderen 1000 Zeichen stehen (mal überspitzt ausgedrückt). Die "Faux Columns" scheinen mir tatsächlich zu einem Layout Problem zu passen ... aber eben nicht zu den Daten, die ich darstellen möchte.

    Sei es drum. Was sind die Alternativen zu der Tabelle? Wie bekomme ich es mit anderen Komponenten hin? Oder verstehe ich die faux columns falsch?

Ähnliche Themen

  1. gleiche dateien finden
    Von WellWork im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 29.01.2009, 19:15
  2. div boxen auf gleiche höhe
    Von minder im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 15.06.2008, 22:55
  3. feste höhe einer zelle im IE
    Von zuzi im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 13.09.2007, 23:49
  4. Fast gleiche IP! SAME USER?
    Von lordthriller im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 15.01.2006, 18:32
  5. Gleiche Größe für alle Thumbnails
    Von MarkusDerUnwissende im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 21.06.2005, 20:35

Stichworte

Berechtigungen

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