Div Boxen orintieren sich bei der Positionierung falsch
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
art
bestimmen
boxen
browser
darstellen
datei
frage
fragesteller
header
hilfestellung
http
info
machen
mitte
navigation
nutzen
position
problem
stadt
url
-
Hi,
Ich hab ein kleines Problemen mit Div Boxen und zwar orinierten sich die Divs bei der Positionierung nicht wirklich an dem body sondern immer an das Element davor... Wie kann man das ändern?
Die html Datei:
<html>
<header>
<link href="css/style3.css" type="text/css" rel="stylesheet" />
<title>
Layout
</title>
</header>
<body>
<div class="header">
Header
</div>
<div class="navigation">
Navigation
</div>
<div class="userinfos">
User Infos
</div>
<div class="main">
Main
</div>
<div class="actioninfos">
Action Infos
</div>
<div class="cityinfos">
Stadt Infos
</div>
<div class="chat">
Chat
</div>
</body>
</html>
Die css datei:
div.navigation { margin-left: 20%; height: 5%; width: 60%; background-color: #538FC1; border: 1px #000000 solid;}
div.header { position:static; background-color: #7fff00; height: 10%; width: 100%; }
div.userinfos { background-color: #ffd700; margin-left: 20%; height: 5%; width: 60%; }
div.cityinfos { background-color: #7fff00; margin-left: 80%; height: 90%; width: 20%; }
div.actioninfos { position:relative; background-color: #9932cc; margin-top: 5%; height: 65%; width: 20%; }
div.main { background-color: #dc143c; margin-left: 20%; height: 55%; width: 60%; }
div.chat { background-color: #a52a2a; height: 25%; width: 80%; }
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Wie so häufig, auch hier die Bitte an den Fragesteller:
Den kostenlosen Webspace von Lima nutzen, eine Beispieldatei mit dem geposteten Code hochladen und im Beitrag verlinken.
Das macht die Hilfestellung deutlich einfacher...und wahrscheinlicher!
Vorab: Ich vermute, Du möchtest diverse der DIVs nebeneinander darstellen.
Wenn das der Fall ist, mußt Du sie floaten lassen. Ansonsten werden DIVs, wie alle Blockelemente, automatisch untereinander angeordnet.
FF -
Die Art wie sich ein Browser an Positionsangaben orientiert, lässt sich über die Funktion position bestimmen. Näheres dazu auch unter: http://www.css4you.de/position.html
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
