problem mit div positionierung

tmaniacr

hi, ich habe 3 div-elemente definiert(mit jeweils einer tabelle).
diese 3 div-elemente sollten eigendlich an verschiedenen bildschirmpositionen stehen.

mein problem ist aber das alle 3 elemente zusammen hängen, sich also nicht unabhängig von einander frei positionieren lassen

ich bin mir sicher das ich keinen fehler im quell-text gemacht habe, könnte mir jemand weiter helfen?

hier der code:

Code

<head>
<meta http-equiv="Content-Language" content="de">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Skotty GmbH & Co. KG</title>
</head>


<style type="text/css">


#fenster1 {position:fixed;
		   left:112px;top:16px;}
#fenster2 {position:absolute;
		   left:12px;top:200px;}
#fenster3 {position:absolute;
		   left:12px;top:800px;}


#rahmen {border-color:black;}
</style>


<body>




<div id="fenster1" ><table border="1" id="rahmen"  width="754px" height="86px"><tr><td></td></tr></div>




<div id="fenster2" ><table border="1" id="rahmen" width="154px" height="400px"><tr><td></td></tr></div>




<div id="fenster3" ><table border="1" id="rahmen" width="154px" height="400px"><tr><td></td></tr></div>






</body>


</html>

Alles anzeigen

sejuma

Sag mal noch wie du die Fenster 1 bis 3 gern angeordnet hättest.

sejuma

Vermute mal, dass es so ähnlich aussehen sollte:

Code

<head>
<meta http-equiv="Content-Language" content="de">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Skotty GmbH & Co. KG</title>
</head>


<style type="text/css">


body
{
text-align:center;
}


#hauptcontainer
{
width:754px;
margin 0 auto;
}


#fenster1
{
width:100%;
height:86px;
border:1pt;
border-style:solid;
border-color:#4A708B;
}


#fenster2
{
width:20%;
height:400px;
float:left;
margin-top:15px;
padding-left:12px;
padding-right:12px;
border:1pt;
border-style:solid;
border-color:#4A708B;
}


#content
{
margin-left:2%;
margin-top:15px;
width:56%;
height:400px;
float:left;
border:1pt;
border-style:solid;
border-color:#4A708B;
}


#fenster3
{
width:20%;
height:400px;
margin-top:15px;
float:right;
padding-left:12px;
padding-right:12px;
border:1pt;
border-style:solid;
border-color:#4A708B;
}


</style>


<body>


<div id="hauptcontainer">


<div id="fenster1">
Das ist Fenster 1
</div>


<div id="fenster2">
Das ist Fenster 2
</div>


<div id="content">
Das ist der Content
</div>


<div id="fenster3" >
Das ist Fenster 3
</div>
</div>


</body>


</html>

Alles anzeigen

Wenn du mit CSS arbeitest, dann solltest du möglichst den ganzen Tabellenkram weglassen. Brauchst du nicht mehr. Und sämtliche Formatierungen gibst du im CSS-Teil ein. Das ist ja gerade der großeVorteil von CSS.
Noch wichtig: Bitte füge vor den head-Bereich noch einen Doctype ein.

problem mit div positionierung

Tags

Benutzer online in diesem Thema