Hallo,
ich erstelle grad eine Homepage und versuche von den Tabellen Layouts wegzukommen und nur noch div container einzusetzten. Aber das mit der postion:relative macht mich wirklich zu einem Fall für die Psychatrie wenns so weiter geht.
Ich habe 4 div conatainer. WIe schaffe ich es, dass div id"willkommen" und div id "kontakt" sowie div id"angebote" und div id"angebote" schön nebeneinander bzw untereinander stehen...Bei mir werden Sie alle verrückt. Auf was bezieht sich die angabe top im div.code? Auf den Anfang des Dokuments oder auf den vorhergehenden div container??
Ich hoffe es kann jemand helfen.:shock:
Greez,
Noodles
Hier der Quellcode:
ich erstelle grad eine Homepage und versuche von den Tabellen Layouts wegzukommen und nur noch div container einzusetzten. Aber das mit der postion:relative macht mich wirklich zu einem Fall für die Psychatrie wenns so weiter geht.
Ich habe 4 div conatainer. WIe schaffe ich es, dass div id"willkommen" und div id "kontakt" sowie div id"angebote" und div id"angebote" schön nebeneinander bzw untereinander stehen...Bei mir werden Sie alle verrückt. Auf was bezieht sich die angabe top im div.code? Auf den Anfang des Dokuments oder auf den vorhergehenden div container??
Ich hoffe es kann jemand helfen.:shock:
Greez,
Noodles
Hier der Quellcode:
HTML:
<!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" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
body {
background-color: #999999;
background-repeat: no-repeat;
}
#navi_home {
position: relative;
height: 30px;
width: 510px;
top: 8px;
left: 520px;
bottom: auto;
border:thin;
border-style:dashed;
}
#logo_info {
position: relative;
height: 120px;
width: 350px;
top: 23px;
left: 450px;
bottom: auto;
border:thin;
border-style:dashed;
}
#willkommen {
position: relative;
height: 200px;
width: 500px;
top: 70px;
left: 60px;
bottom: auto;
border:thin;
border-style:dashed;
}
#kontakt {
position: relative;
height: 200px;
width: 300px;
top: 70px;
left: 650px;
bottom: auto;
border:thin;
border-style:dashed;
}
#angebote1 {
position: relative;
height: 200px;
width: 500px;
top: 10px;
left: 60px;
bottom: auto;
border:thin;
border-style:dashed;
}
#angebote2 {
position: relative;
height: 200px;
width: 500px;
top: 10px;
left: 650px;
bottom: auto;
border:thin;
border-style:dashed;
}
-->
</style>
</head>
<body>
<div id="navi_home"></div>
<div id="logo_info"></div>
<div id="willkommen"></div>
<div id="kontakt"></div>
<div id="angebote1"></div>
<div id="angebote2"></div>
</body>
</html>