Formular mit DIVs

Aris Sung · 24.11.2007, 23:09

Hallo zusammen!

Jeder weiß ja wie ein Formular aussieht. Rechts die Formuarelemente in einer Spalte und in der linken Spalten die Namen zu den Elementen.

1. Frage: Ist es überhaupt sinnvoll ein Formular mit DIVs zu strukturieren, anstatt der Tabellenform (<table><tr>...)?

2. Frage: Wenn man nun DIVs nehmen würde, wie löse ich folgendes Problem:

Ich habe 3 Zeilen und in der 2ten Zeile sind 2 Container. Der rechte Container hat durch den Zeilenumbruch ein größere Höhe, während der linke Container auf seiner Höhe bleibt.

Code:

<style type="text/css">
	#divglobal { width:306px; }
	#divid1 { width:304px; border-width:1px; border-style:solid; }
	#divid2 { float:left; width:100px; height:; border-width:1px; border-style:solid; }
	#divid3 { float:left; width:202px; border-width:1px; border-style:solid; }
	#divid4 { clear:both; width:304px; border-width:1px; border-style:solid; }
</style>

<div id="divglobal">
	<div id="divid1">container 1</div>
	<div id="divid2">container 2</div>
	<div id="divid3">container 3
mit einem zeilenumbruch</div>
	<div id="divid4">container 4</div>
</div>

Wie kann ich für den Container 2 die Höhe so einstellen, dass dieser sich an die Höhe von Container 3 anpasst?

EDIT: Hier das Beispiel noch schnell hochgeladen Link - den oberen Teil einfach ignorieren...da habe ich noch versucht diese Tabelle komplett mit DIVs nachzubasteln

nikosch · 24.11.2007, 23:50

Wohl gar nicht, aber wozu auch? Wegen irgendeiner optischen Geschichte?

Statt einer Tabelle div zu benutzen, ist übrigens nur sinnvoll, wenn Du auch die passenden Elemente benutzt:

Code:

<fieldset>
<label>

Aris Sung · 25.11.2007, 14:09

Zitat:

Zitat von nikosch77

Code:

<fieldset><label>

oje...da muss ich jetzt peinlich zugeben das ich von den beiden elementen zum ersten mal höre

wieder was dazugelernt

passt wunderbar ins konzept!

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
PHP: Formular Generator	Zergling-new	Tutorials	16	06.07.2010 03:14
Ergebnis von Formular in iFrame zeigen	PsychoEagle	HTML, Usability und Barrierefreiheit	2	22.07.2009 21:07
Formular Pflichtfelder für Frontpage Formular erstellen	Caruso	JavaScript, Ajax und mehr	5	21.06.2008 09:17
2 Div's zentrieren	pfump	HTML, Usability und Barrierefreiheit	7	24.04.2008 10:57
Wert aus Textfeld in neues Formular übernehmen (kein Submit)	PsychoEagle	HTML, Usability und Barrierefreiheit	9	02.01.2007 14:51
formular an mehrere email-empfänger	katarzyna	PHP Tipps 2006	2	22.08.2006 07:42
formular includen	samspa5	PHP Tipps 2006	13	18.03.2006 11:37
[Erledigt] Formular in Formular		HTML, Usability und Barrierefreiheit	4	19.10.2005 12:18
leeres Formular		PHP Tipps 2005-2	15	05.10.2005 16:49
[Erledigt] PHP Formular ~~wichtig~~		PHP Tipps 2005	27	29.05.2005 19:38
Im Formular user abfragen?		Datenbanken	3	06.01.2005 10:51
[Erledigt] PHP Formular - Daten an nächsten Schritt weiter geben - Wie?		PHP Tipps 2005	14	02.01.2005 20:05
Formular nach UPDATE anzeigen		PHP Tipps 2004-2	5	22.12.2004 02:06
[Erledigt] Daten in einem Formular ausgeben und ändern		PHP Tipps 2004-2	7	07.12.2004 17:22
[Erledigt] Daten in neuem Formular anzeigen		PHP Tipps 2004	6	21.07.2004 10:44

24.11.2007, 23:09
Aris Sung Benutzer Registriert seit: 22.04.2005 Beiträge: 59	Formular mit DIVs Hallo zusammen! Jeder weiß ja wie ein Formular aussieht. Rechts die Formuarelemente in einer Spalte und in der linken Spalten die Namen zu den Elementen. 1. Frage: Ist es überhaupt sinnvoll ein Formular mit DIVs zu strukturieren, anstatt der Tabellenform (<table><tr>...)? 2. Frage: Wenn man nun DIVs nehmen würde, wie löse ich folgendes Problem: Ich habe 3 Zeilen und in der 2ten Zeile sind 2 Container. Der rechte Container hat durch den Zeilenumbruch ein größere Höhe, während der linke Container auf seiner Höhe bleibt. Code: <style type="text/css"> #divglobal { width:306px; } #divid1 { width:304px; border-width:1px; border-style:solid; } #divid2 { float:left; width:100px; height:; border-width:1px; border-style:solid; } #divid3 { float:left; width:202px; border-width:1px; border-style:solid; } #divid4 { clear:both; width:304px; border-width:1px; border-style:solid; } </style> <div id="divglobal"> <div id="divid1">container 1</div> <div id="divid2">container 2</div> <div id="divid3">container 3 mit einem zeilenumbruch</div> <div id="divid4">container 4</div> </div> Wie kann ich für den Container 2 die Höhe so einstellen, dass dieser sich an die Höhe von Container 3 anpasst? EDIT: Hier das Beispiel noch schnell hochgeladen Link - den oberen Teil einfach ignorieren...da habe ich noch versucht diese Tabelle komplett mit DIVs nachzubasteln


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

24.11.2007, 23:50
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Wohl gar nicht, aber wozu auch? Wegen irgendeiner optischen Geschichte? Statt einer Tabelle div zu benutzen, ist übrigens nur sinnvoll, wenn Du auch die passenden Elemente benutzt: Code: <fieldset> <label>