mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 11:05 Benutzername: Passwort: Auto-Login

Thema: position: relative; Konfusion vom 12.04.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> position: relative; Konfusion
Autor Nachricht
triquency
Threadersteller

Dabei seit: 10.04.2006
Ort: Berlin
Alter: -
Geschlecht: Weiblich
Verfasst Mi 12.04.2006 09:21
Titel

position: relative; Konfusion

Antworten mit Zitat Zum Seitenanfang

Hallo,

folgender Code:

Code:
<style type="text/css" media="screen"><!--
         #Logo     { background-color: #CC0033;
                  visibility: visible;
                  position: absolute;
                  z-index: 5;
                  top: 13px;
                  left: 23px;
                  width: 159px;
                  height: 101px }
         #TopNav   { background-color: #FF9933;
                  visibility: visible;
                  position: absolute;
                  overflow:auto;
                  z-index: 3;
                  top: 0;
                  left: 54px;
                  width: 100px;
                  height: 100% }
         #LeftNav  { background-color: #FF9933;
                  visibility: visible;
                  position: absolute;
                  z-index: 2;
                  top: 23px;
                  left: 0;
                  width: 100%;
                  height: 80px }
         #Content  { visibility: visible;
                  position: absolute;
                  z-index: 4;
                  top: 114px;
                  left: 163px;
                  width: 487px;
                  max-width: 487px;
                  height: auto }
         #Buffer   { background-color: #FFCC66;
                  visibility: visible;
                  position: relative;
                  z-index: 1;
                  width: 100%-650px;
                  height: 100%;
                  margin-top: 0;
                  margin-left: 650px;
                  overflow: auto }
      --></style>


So schauts im Browser aus (sowohl IE6 als auch Firefox):





Mein Problem ist offensichtlich: das <div> #Buffer hat blöderweise einen kleinen Abstand zum oberen, rechten und unteren Bildrand. Obwohl ich doch zB margin-top mit 0 angegeben hab. Woran liegt das und wie kann ich das umgehen, sodass das <div> auch wirklich 0 Abstand nach oben, rechts und unten hat?

LG Triq Mädchen!
  View user's profile Private Nachricht senden
wunschtacho

Dabei seit: 12.04.2006
Ort: Rosenheim/München
Alter: 45
Geschlecht: Männlich
Verfasst Mi 12.04.2006 10:15
Titel

Antworten mit Zitat Zum Seitenanfang

Hallo,

schon mal mit
Code:

body { margin: 0px; padding 0px; }

probiertß

Grüße
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
 
Ähnliche Themen position : relative
mal wieder div position:absolute oder relative
[HTML] div position:relative hinterlässt leeren Raum
position: relative; "zerstört design"?
relative box positionierung mit z-index
CSS, absolute oder relative
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.