div im div

[skywalkerluk]

Hallo zusammen,

ich habe ein kleines Problem:

Mit Javascript lasse ich ein <DIV id="firma"> einblenden, darin befindet sich ein <FORM> mit mehreren Feldern.
Einige dieser Felder möchte in nun in weitere <DIV id="block"> bereiche einteilen, einfach nur des Layouts/der Schönheit wegen.

<div id="firma">
<form id='...' name='...' method='post' action='neuer_kunde.php'>
	<fieldset>
        <legend>Neuen Kunden anlegen </legend>
         <p>
        <label for="kunden_art">Art:</label>
        <input name='kunden_art'  id='kunden_art' type='text' value='' readonly="readonly"/>
      </p>
// hier soll nun ein weiteres <div id="block"> eingefügt werden in dem sich weitere Eingabefelder befinden

Lange Rede kurzer Sinn, das zweite div steht über den oberen eingabefeldern und ordnet sich nicht hinten an! also unter dem letzen Feld kunden_art z.B.

#block,{
	border:thin 1px #999;
	margin-bottom:3px;
	padding-bottom:50px; 
	display:block;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
}

Wie kann erst ein paar felder, dann ein div mit mehreren feldern und dann da drunter wieder ein paar felder anordnen?

Danke Luk

 

[Maik]

Hi,

das DIV #block erscheint bei mir zwar unterhalb des <p>-Elements, aber ohne jegliche CSS-Formatierung, was zum einen an dem Komma hinter dem ID-Selektor, und zum anderen an der fehlerhaften border-Deklaration liegt, in der du anstelle des Rahmentyps zwei Angaben zur Rahmendicke notiert hast.

Einige dieser Felder möchte in nun in weitere <DIV id="block"> bereiche einteilen

In diesem Fall mußt du anstelle des ID-Bezeichners einen Klassenbezeichner nutzen, da ein ID-Bezeichner im Dokumentbaum eindeutig sein muß, sprich darin nicht mehrmals vergeben werden darf.

mfg Maik