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

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Do 25.04.2024 21:41 Benutzername: Passwort: Auto-Login

Thema: Zentrierte Box mit negativ positioniertem Bild vom 26.01.2011


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Zentrierte Box mit negativ positioniertem Bild
Seite: 1, 2  Weiter
Autor Nachricht
Fisherment
Threadersteller

Dabei seit: 11.03.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 26.01.2011 14:18
Titel

Zentrierte Box mit negativ positioniertem Bild

 Antworten mit Zitat Zum Seitenanfang
Hallo Leute,

ich verzweifle gerade an einem sehr banal wirkenden Problem.
Ich habe ein zentriertes DIV (margin: 0 auto;). Im DIV soll ein Menü relativ positioniert werden. Weiters befindet sich im DIV ein negativ positioniertes Bild (es reicht teilweise über die Box) das dafür sorgt dass das eigentlich IN der Box positionierte Menü außerhalb davon erscheint (direkt darunter).

CSS:
Code:
#header-wrapper {
   width: auto;
   height: 200px;
   background-image: url(img/header-bg.gif);
   background-repeat:repeat-x;
   background-color: #212121;
   margin-left:auto;
   margin-right:auto;

   }
#header-content {
   width: 915px;
   height: 200px;
   background: none;
   margin-left:auto;
   margin-right:auto;
   border: 1px dotted white;

   }

#menu {
   position:relative;
   width: 440px;
   height: 190px;
   left: 475px;
   border: 1px solid yellow;

   }


HTML:

Code:

<!--HEADER-->
<div id="header-wrapper">
   <div id="header-content">
         

<img style="left: -260px; position:relative;" src=/img/header.jpg" alt="" />
         
            <div id="menu">Hier ist das Menü</div>

    </div>
</div>


Besten Dank für eure Hilfe!

Lg
Steve
  View user's profile Private Nachricht senden
immerIch

Dabei seit: 19.10.2010
Ort: #mein{display:block}
Alter: 35
Geschlecht: Männlich
Verfasst Mi 26.01.2011 14:26
Titel

Antworten mit Zitat Zum Seitenanfang
Die Frage ist, Was ist die Frage?
  View user's profile Private Nachricht senden
Anzeige
Anzeige
DerM

Dabei seit: 18.01.2009
Ort: -
Alter: 42
Geschlecht: Männlich
Verfasst Mi 26.01.2011 14:26
Titel

Antworten mit Zitat Zum Seitenanfang
Google Suche nach "Übergroßer Inhalt CSS", nach 1sek wird als erstes Ergebnis meine/und der vieler Anderen auch, Lieblingsseite angezeigt : http://www.css4you.de/overflow.html

De Nada
  View user's profile Private Nachricht senden
Fisherment
Threadersteller

Dabei seit: 11.03.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 26.01.2011 22:34
Titel

Antworten mit Zitat Zum Seitenanfang
Ok, ich geb' zu dass ich die Problemstellung nicht klar aufgezeigt habe.
Das Problem ist dass der im DIV positionierte Inhalt (in meinem Fall ein Menü) nicht IM div erscheint sondern außerhalb davon. Dieses Verhalten ist falsch und wird offensichtlich durch das negativ positionierte IMG verursacht.

Lg
  View user's profile Private Nachricht senden
Fisherment
Threadersteller

Dabei seit: 11.03.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 27.01.2011 15:24
Titel

Antworten mit Zitat Zum Seitenanfang
Ich erstelle einen neuen Post mit klareren angaben.
Bitte schließen, danke!

Lg
  View user's profile Private Nachricht senden
Smooth-Graphics

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 27.01.2011 15:30
Titel

Antworten mit Zitat Zum Seitenanfang
Bitte poste einfach hier weiterhin.
Fisherment hat geschrieben:
Das Problem ist dass der im DIV positionierte Inhalt (in meinem Fall ein Menü) nicht IM div erscheint sondern außerhalb davon. Dieses Verhalten ist falsch und wird offensichtlich durch das negativ positionierte IMG verursacht.

Das kann nicht sein. Stell am besten ein Online-Bsp. zur Verfügung, dann können wir sehen, was falsch ist.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Fisherment
Threadersteller

Dabei seit: 11.03.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 27.01.2011 16:00
Titel

Antworten mit Zitat Zum Seitenanfang
Anbei eine Skizze.

Hier ein Link: http://bit.ly/eNZXYW




Uploaded with ImageShack.us

DANKE im Voraus!

Lg
Steve
  View user's profile Private Nachricht senden
snuwie

Dabei seit: 06.07.2010
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 27.01.2011 16:08
Titel

Antworten mit Zitat Zum Seitenanfang
Code:

#header-content { position: relative; }
img { position: absolute; }

dann müsste es passen?
  View user's profile Private Nachricht senden
 
Ähnliche Themen Aus einem Bild ein Negativ in Photoshop machen
[CSS] zentrierte hor. Positionierung in Zelle...GROMPF!
CSS-Frage: zentrierte Spalte, 100% Höhe
zentrierte seite mit farbigem hintergrund
Vertikale zentrierte Ausrichtung einer Webseite
Zentrierte Tabelle verspringt durch Scrollbalken
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.

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