nicht angemeldet
Hallo,
ich habe eine Frage bezüglich der Positionierung. Innerhalb eines Rahmens mit fester Breite möchte ich verschiedenes (Texteingabefelder, Auswahlfelder,...) in in Spalten anordnen. Dann möchte ich die Möglichkeit haben, darunter wieder mit neuer Überschrift einen neuen Rahmen mit gleichen Eigenschaften zu erstellen. Dieser wird aber nicht unterhalb des vorigen Rahmens angeordnet, sondern überlappend. Kann mir da vielleicht jemand helfen, wo das Problem liegt bzw. wie ich es hinbekomme, dass der zweite Rahmen einfach unter den vorigen gestellt wird.
Hier mal der 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>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<title>1</title>
<style type="text/css" media="all">
<!--
.Grundrahmen {
width: 658px;
font-family: arial, Helvetica;
font-size:11px;
}
.pos000 {
position: absolute;
left: 0px;
float: left;
}
.pos168 {
position: absolute;
left: 168px;
float: left;
}
.pos336 {
position: absolute;
left: 336px;
float: left;
}
.pos504 {
position: absolute;
left: 504px;
float: left;
}
-->
</style>
</head>
<body>
<div class="Grundrahmen">
<div class="pos000">
<input type="text" name="textfieldName" size="24" style="width: 154px;" /></div>
<div class= "pos168">
<input type="text" name="textfieldName" size="24" style="width: 154px;" /><br>
<br>
<input type="text" name="textfieldName" size="24" style="width: 154px;"/><br>
<br>
<input type="text" name="textfieldName" size="24" style="width: 154px;" /></div>
<div class= "pos336">
<input type="text" name="textfieldName" size="24" style="width: 154px;" /></div>
</div>
<div class="Grundrahmen">
<p><p>
<div class="pos000">
<input type="text" name="textfieldName" size="24" style="width: 154px;" /></div>
<div class= "pos168">
<input type="text" name="textfieldName" size="24" style="width: 154px;" /><br>
<br>
<input type="text" name="textfieldName" size="24" style="width: 154px;" /></div>
<div class= "pos336">
<input type="text" name="textfieldName" size="24" style="width: 154px;" /></div>
</p></p>
</div>
</body>
</html>
Viele Grüße,
Otto