mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 16:36 Benutzername: Passwort: Auto-Login

Thema: background-color in verschachtelten div's vom 09.04.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> background-color in verschachtelten div's
Autor Nachricht
autocrash
Threadersteller

Dabei seit: 13.10.2005
Ort: Stuttgart
Alter: 43
Geschlecht: Männlich
Verfasst Mo 09.04.2007 15:58
Titel

background-color in verschachtelten div's

Antworten mit Zitat Zum Seitenanfang

Hallo,

ich habe ein Problem, das mir nicht so recht in den Kopf will.

Quelltext CSS:

Code:

#container {
position:absolute;
width:760px;
left:50%;
margin-left:-375px;
top:20px;
background-color:#FFFFFF;
 }

#wrapper {
margin:5px;
padding:0;
background-color:#000000;
border:0;
}

#header {
border:solid green 2px;
margin:0;
padding:0;
background-image:url(../images/tokai_logo.jpg);
background-repeat:no-repeat;
}

#navoben {
border-top:solid #FFF 1px;
margin-top:140px;
margin-left:10px;
margin-right:10px;
padding:0;
text-align:right;
}


In HTML:

Code:

[...]

<div id="container">

   <div id="wrapper">
   
      <div id="header">
            
         <div id="navoben">
            Navigation
         </div>
         <!-- Navigation -->
         
      </div>
      <!-- Header -->
   
   </div>
   <!-- wrapper -->

[...]


Der Hintergrund vom Container div ist Weiss. Der Wrapper liegt
im Container und hat den Hintergrund Schwarz (damit ist der
Container mit Weiss quasi ein weisser Rahmen). Im Wrapper
liegt das Header div.

Ich habe nun das Problem, dass ja der Hintergrund im Header,
da er ja im Wrapper liegt, schwarz sein soll. Wenn ich nun
die Datei ausführe, dann ist der Header, bis zum Navoben
Element weiss. Wenn ich nun aber um das Header div einen
Border mit z.b. 1px solid green anlege, wird der hintergrund
wieder schwarz. Wenn ich aber im header border:0; anlege,
ist der Hintergrund wieder weiss.

Woher liegt das?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
dastef

Dabei seit: 03.11.2003
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 09.04.2007 16:35
Titel

Antworten mit Zitat Zum Seitenanfang

Ich habs mal rüber geschoben nach "Allgemeines - Nonprint".

Desweiteren würd ich dir ja gern helfen, ich kann mir das Problem
aber grad nicht vorstellen .. vielleicht gehts ja nicht nur mir so,
und du hilfst dir selber wenn du nen screenshot davon mitlieferst *zwinker*

spontan würde ich sagen, schau dir die margins deiner boxen an,
wenn du zwei verschachtelte hast, und der inneren ein margin gibst,
dann schiebt sich manchmal im ie und/oder ff die obere box mit.

was sie eigentlich nicht tun dürfte, aber eben trotzdem tut Grins
  View user's profile Private Nachricht senden
Anzeige
Anzeige
autocrash
Threadersteller

Dabei seit: 13.10.2005
Ort: Stuttgart
Alter: 43
Geschlecht: Männlich
Verfasst Mo 09.04.2007 16:53
Titel

Antworten mit Zitat Zum Seitenanfang

ok, hier hab ich mal die screenshots.

CSS:
Code:

#container {
position:absolute;
width:760px;
left:50%;
margin-left:-375px;
top:20px;
background-color:#FFFFFF;
}

#wrapper {
margin:5px;
padding:0;
background-color:#000000;

background-image:url(../images/bg.jpg);
background-repeat:no-repeat; 
}

#header {
margin:0;
padding:0;
background-color:transparent;
border:solid #FFF 1px;
}

#navoben {
border-top:solid #FFF 1px;
margin-top:140px;
margin-left:10px;
margin-right:10px;
margin-bottom:0;
padding:0;
text-align:right;
background-color:transparent;
}


der zugehörige Screenshot:




Nun ohne den Border im Header div:

CSS:
Code:

#container {
position:absolute;
width:760px;
left:50%;
margin-left:-375px;
top:20px;
background-color:#FFFFFF;
}

#wrapper {
margin:5px;
padding:0;
background-color:#000000;
background-image:url(../images/bg.jpg);
background-repeat:no-repeat; 
}

#header {
margin:0;
padding:0;
background-color:transparent;
}

#navoben {
border-top:solid #FFF 1px;
margin-top:140px;
margin-left:10px;
margin-right:10px;
margin-bottom:0;
padding:0;
text-align:right;
background-color:transparent;
}


Und hier der zugehörige Screenshot:

  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
schattenjaeger

Dabei seit: 03.11.2005
Ort: Kiel
Alter: 34
Geschlecht: Männlich
Verfasst Mo 09.04.2007 18:18
Titel

Antworten mit Zitat Zum Seitenanfang

backgroundcolor weglassen. Dann dürfte es funzen.
  View user's profile Private Nachricht senden
autocrash
Threadersteller

Dabei seit: 13.10.2005
Ort: Stuttgart
Alter: 43
Geschlecht: Männlich
Verfasst Mo 09.04.2007 18:25
Titel

Antworten mit Zitat Zum Seitenanfang

Danke für den Tipp - werd ich mal ausprobieren.
Hab zwischenzeitlich das Problem anders gelöst,
indem ich den wrapper weggelassen habe.
Trotzdem Danke für die Mühe.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Css: a:hover-background-color in geschachtelten divs
[CSS] Hintergrund bei verschachtelten DIVs
Problem mit verschachtelten DIVs im IE.
größe von ineinander verschachtelten divs?
[a:hover] Background Color bei <li>
CSS: background-color von image links
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.