mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 19.04.2024 08:56 Benutzername: Passwort: Auto-Login

Thema: [CSS] - divs sollen überlappen - machen se aber nicht vom 28.08.2005


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] - divs sollen überlappen - machen se aber nicht
Seite: 1, 2  Weiter
Autor Nachricht
Kalja
Threadersteller

Dabei seit: 28.08.2005
Ort: -
Alter: -
Geschlecht: -
Verfasst So 28.08.2005 21:47
Titel

[CSS] - divs sollen überlappen - machen se aber nicht

Antworten mit Zitat Zum Seitenanfang

Hallo, ich hab ein Problem bzw. find mein Fehler nicht:

ich hab einige divs als hintergrund platziert und will jetzt über das ganze ein css-menü legen - geht aber net.
hab schon alles versucht mit position absolute, fixed, relative etc...die divs verschachtelt - ich weiss nimmer weiter.
hier mal der html-code bzw. das css - vieleicht hat jemand n rat - danke euch:

<div style="width:760px;margin:0px auto;text-align:left;">

<div id="content">
<div id="header">&nbsp;</div>
<div id="navi">&nbsp;</div>
<div id="footer">&nbsp;</div>
</div>

<div class="buttonscontainer">
<div class="buttons">
<a href="">test</a>
<a href="">test</a>
<a href="">test</a>
<a href="">test</a>
<a href="">test</a>
</div>
</div>
</div>


------------------------------------------------------
body
{
margin:0;
padding:0;
background-color:#42597b;
background-repeat:repeat-y;
background-position:center;
background-image:url(../_pics/bg.gif);
}

div#content {
width:780px;
margin:auto;

}
div#header {
width:780px;
height:142px;
display:block;
background-repeat:no-repeat;
background-image:url(../_pics/header.jpg);
}
div#navi {
width:190px;
height:472px;
display:block;
background-repeat:no-repeat;
background-image:url(../_pics/navi.jpg);
}
div#footer {
width:780px;
height:32px;
display:block;
background-repeat:no-repeat;
background-image:url(../_pics/footer.jpg);
}


.buttonscontainer {width: 100px; position: relative; top:0px; left: 50px; z-index:8;}

.buttons a {color: #000000;
background-color: #CCFFFF;
padding: 2px;
padding-left: 3px;
display: block;
border-bottom: 1px solid #00FFFF;
font: 13px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;}

.buttons a:hover {background-color: #3333FF;
color: #FFFFCC;
text-decoration: none;}
  View user's profile Private Nachricht senden
ultramagnetic

Dabei seit: 02.06.2005
Ort: Karlsruhe
Alter: 42
Geschlecht: Männlich
Verfasst So 28.08.2005 22:29
Titel

Antworten mit Zitat Zum Seitenanfang

ich denke, du gehst grundlegend falsch an die sache ran
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Kalja
Threadersteller

Dabei seit: 28.08.2005
Ort: -
Alter: -
Geschlecht: -
Verfasst So 28.08.2005 22:42
Titel

Antworten mit Zitat Zum Seitenanfang

danke für den super tipp hilft mir weiter...
  View user's profile Private Nachricht senden
beeviZ

Dabei seit: 30.09.2002
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 29.08.2005 00:05
Titel

Antworten mit Zitat Zum Seitenanfang

was funktioniertn genau nich? gib mal n beispiellink zum angucken.
  View user's profile Private Nachricht senden
mahzell

Dabei seit: 16.06.2003
Ort: bochum
Alter: 43
Geschlecht: Weiblich
Verfasst Mo 29.08.2005 00:31
Titel

Antworten mit Zitat Zum Seitenanfang

http://de.selfhtml.org/css/eigenschaften/randabstand.htm

Code:
Mit negativen Werten, also Angaben wie beispielsweise -50px, können Sie für besondere gestalterische Zwecke erreichen, dass sich Elemente überlappen.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Kalja
Threadersteller

Dabei seit: 28.08.2005
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 29.08.2005 00:38
Titel

Antworten mit Zitat Zum Seitenanfang

@beeviZ - hab noch nix online - ich stell morgen mal was hoch
gruss
  View user's profile Private Nachricht senden
Kalja
Threadersteller

Dabei seit: 28.08.2005
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 29.08.2005 00:50
Titel

Antworten mit Zitat Zum Seitenanfang

@mahzell: danke für den tipp: jetzt klappts! super * Applaus, Applaus *
  View user's profile Private Nachricht senden
Danileo

Dabei seit: 03.11.2007
Ort: Offenbach am Main
Alter: 49
Geschlecht: Männlich
Verfasst Mo 05.11.2007 20:40
Titel

Wie geht es denn nun ?

Antworten mit Zitat Zum Seitenanfang

Ich habe das hier mit sehr viel Interesse verfolt.
Habe nämlich das gleiche Problem. Frage ist nun:
Was ist daraus geworden und wie sieht nun der
endgültige Quelltext aus ??? Kann man den hier
mal posten oder einen Link zu einer Seite posten
wo das mit den DIVs überlappen funktioniert ???


Zuletzt bearbeitet von Danileo am Mo 05.11.2007 20:41, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Boxen sollen überlappen
DIVs überlappen sich nicht
divs sollen nicht springen
Divs sollen sich content anpassen!
[CSS] Überlappen von Listenelement
illustrator cs2 / objekte überlappen
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
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.