kostenloser Webspace werbefrei: lima-city


Div Boxen orintieren sich bei der Positionierung falsch

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    testworld

    testworld hat kostenlosen Webspace.

    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%; }
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. edel-in-sibirien

    edel-in-sibirien hat kostenlosen Webspace.

    es wäre einfacher deine frage zu beantworten, wenn du dein problem genauer erklären könntest.

    möchtest du die beiden seitlichen divs als sidebars, also in der mitte auch noch ein div haben oder was?
  4. 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
  5. c**********h

    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
  6. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!