mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Fr 19.04.2024 22:50 Benutzername: Passwort: Auto-Login

Thema: CSS-Boxen übereinander? vom 25.02.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS-Boxen übereinander?
Autor Nachricht
bergmann
Threadersteller

Dabei seit: 05.08.2004
Ort: -
Alter: 45
Geschlecht: Männlich
Verfasst Mi 25.02.2009 13:13
Titel

CSS-Boxen übereinander?

 Antworten mit Zitat Zum Seitenanfang
Hallo,
ich habe folgendes Problemchen:

(Website mit Typo3 und CSS)

Ich gebe in einer DIV-Box ein Bild aus. Je Rubrik ein Hauptbild.
Auf diesem Bild ist normalerweise die Navigation, normalerweise deshalb, weil bisher ein einziges Bild vorhanden war, und das als Hintergrundbild. Nun ist es ein "normales" Bild und dennoch soll die Navigation darüber stehen.

Quellcode sieht so aus:
Code:
 <div id="rubrik_header">###HEADERIMAGE###
  <div id="navi_oben">
  ###MENU_MAIN###
  </div>
 </div>


Code der Boxen:
Code:
#rubrik_header{
height:300px;
width: 997px;
padding-left: 0px;
}

#navi_oben{
margin-top: -300px;
padding-top: 17px;
padding-left: 0px;
width: 997px;
}


Das funktioniert im IE6, aber nicht im Firefox. Der negative Wert (- 300px) lässt die Box einfach verschwinden.
Habt ihr einen Lösungsvorschlag - Denkanstoß?

DANKE
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Mi 25.02.2009 13:19
Titel

Antworten mit Zitat Zum Seitenanfang
schwierig bei so wenig sourceCode etwas zu sagen.

aber wieso baust du für den IE6 nicht einen Hack auf? und korrigierst es für den FF und andere

IE6

Code:

* html #navi_oben{
margin-top: -300px;
padding-top: 17px;
padding-left: 0px;
width: 997px;
}


// achso noch was anders, reproduzierst du #rubrik_header eigentlich?

// mir fällt gerade noch etwas anderes ein, und zwar schickt Typo3, wenn nicht anders definiert, den IE in den QuirksMode.

dazu kann folgender Link hilfreich sein um dem abhilfe zu schaffen

http://www.christian-pansch.de/mein-wissen/typo3-tutorials/doctype-und-xml-prolog-in-typo3-anpassen/

Zuletzt bearbeitet von Kash am Mi 25.02.2009 13:28, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
DesignKater

Dabei seit: 26.06.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 25.02.2009 13:46
Titel

Antworten mit Zitat Zum Seitenanfang
Wie schauts mit absoluter Positionierung aus?
  View user's profile Private Nachricht senden
bergmann
Threadersteller

Dabei seit: 05.08.2004
Ort: -
Alter: 45
Geschlecht: Männlich
Verfasst Mi 25.02.2009 14:09
Titel

Antworten mit Zitat Zum Seitenanfang
Die Sache mit dem "QuirksMode" ist schon bereinigt.

Irgendwie mag das der IE lieber als alle anderen, auch mit z-index gibt es keinen Erfolg.
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Mi 25.02.2009 14:27
Titel

Antworten mit Zitat Zum Seitenanfang
was hast du denn jetzt gemacht?
  View user's profile Private Nachricht senden
bergmann
Threadersteller

Dabei seit: 05.08.2004
Ort: -
Alter: 45
Geschlecht: Männlich
Verfasst Mi 25.02.2009 14:30
Titel

Antworten mit Zitat Zum Seitenanfang
Habe jetzt einen IE-Hack eingebaut, und für alle anderen eine absolute Positionierung.

Funktioniert.
  View user's profile Private Nachricht senden
 
Ähnliche Themen Divs übereinander?
3 Grafiken übereinander mit CSS
Übereinander floaten von Div's
Divs Übereinander
[CSS] Div-Layer übereinander
CSS 2 Hintergrundbilder übereinander
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.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB