Wrapper ignoriert background-color

html.de-Forum HTML, XHTML & CSS
1

hallo zusammen ich habe forgendes Problem:

der Wrapper in dem der ganze Pageinhalt ist, ignoriert Background angaben.

hier mal das html:
[HTML]

Musterfirma - Ihr Partner für Musterbeschriftungen
Musterfirma

Herzlich willkommen auf der Internetseite von Musterfirma

Musterfirma schriftzug mit kleinen Blauen Leuten untendrunter

Musterfirma ist eine Dienstleistungsfirma im Bereich Musterbeschriftungen.

Hier finden Sie alle unsere Angebote und Preise.

Unsere beliebtesten Angebote:

Angebot nr. 1

Posterdruck A2

Wir bedrucken Ihre Poster im Format A2. Dies ist die gängige Grösse der Kundenstopper sowie den meisten Anzeigetafeln. Wir bieten diese Dienstleistung bereits ab einem Stück an.

Angebot nr. 2

Flyderdruck A5

Wir bedrucken Ihre Flyer nach Ihren wünschen und vorstellungen im Format A5, im Digital- oder im Offsetdruck. Wir bieten diese Dienstleistung beireits ab 100 Stück an.

Angebot nr. 3

Visitenkarten

Wir bedrucken Ihre Visitenkarten nach Ihren wünschen und vorstellungen, oder nach einer unseren verschiedenen Vorlagen. Wir bieten diese Dienstleistung bereits ab 50 Stück an.

Für weitere Druckgrössen sowie andere Drucksachen kontaktieren Sie uns bitte oder lassen Sie sich von uns zurückrufen.

Aktuelles

21.10.2010

  • Unsere neue Homepage ist online, wir haben grossen Wert auf bessere und leichtere Bedienbarkeit gelegt.

19.10.2010

  • Ation im Bereich Musterbeschriftungen 9 x 9 Meter nur 49.- Fr. statt 89.- Fr.

Alle News anzeigen

Haben Sie weitere Fragen zu Ihrem Anliegen? Nehmen Sie mit uns Kontakt auf, oder lassen Sie sich von uns zurückrufen, wir beraten Sie gerne.

   <div id="formular">
        <?php include ($_SERVER['DOCUMENT_ROOT']."/kformular.php"); ?>
      </div>
  </div>
</div>
[/HTML]

und hier das CSS:

[CODE]@charset „iso-8859-1“;
/* CSS Document */

  • { padding:0; margin:0; }

body {
background-image:url(background.jpg);
font-size:0.875em;
font-family:Arial, Helvetica, sans-serif;
line-height:1.3em;
}
#wrapper {
margin:0 auto;
width:68.58em;
background-color:white;
}
#header {
margin-top:20px;
width:68.4em;
height:100px;
background:#3366ff;
}
#content {
padding: 0 1em 0 0;
margin-top:5px;
border-right:26em solid #C90;
width:41.4em;
float:left;
}

h2 {
font-size:1.4em;
margin:0.5em 0 0 1.8em;
}
#content #bild1 {
float:left;
margin:15px 15px 15px 5px;
}
#anfang{
padding-top:15px;
}

#content #neuer-abschnitt{
clear:both;
margin:10em 0 0 8em;
}

#content #angebot1 {
float:left;
margin:25px 15px 15px 5px;
}
#angebottext1{
padding-top:4em;
}
#content #angebot2 {
clear:both;
float:left;
margin:0 15px 15px 5px;
}
#angebottext2{
padding-top:5.4em;
}
#content #angebot3 {
clear:both;
float:left;
margin:0 15px 15px 5px;
}
#angebottext3{
padding-top:6em;
}
#angebotende{
clear:both;
padding:0 15px;
}
#info {
float:right;
margin-left:-26em;
width:24.1em;
padding:1em
}
#info h2 {
margin-bottom:20px;
font-size:1.4em;
margin:0 0 15px 0;
}
.ulnews {
margin-left:1.6em;
}
#allenews {
margin-top:20px;
}
#weiterefragen {
margin-top:40px;
}[/CODE]

Ich hoffe das mir da wer helfen kann, ich probier schon seit Stunden dran drum.

2

Ich glaube Du hast das

vom wrapper unten nicht wieder geschlossen. Ein Blick in den HTML-Validator sollte dir Hilfe bieten.

3

nein html und css ist korrekt habe schon validiert. alle anweisungen an wrapper funktionieren, auch color funktioniert nur komischerweise funktioniert background color und image nicht.

4

Hallo,

solche gewagten Angaben wie

margin-left:-26em;
ohne einen Sinn dahinter erkennen zu können, macht mich stutzig. Sowas sollte vermieden werden.

Deaktiviere mal beim #content das float: left; oder bei #info das float: right;.

Dann wirst du sehen, das die Hintergrundfarbe sehr wohl wie im css angewiesen erstellt wird, aber anschließend von den anderen Divs überlagert bzw. zusammengestaucht wird. Irgendwie hast du dich beim Floaten verlaufen bzw. bist dir über die Auswirkungen nicht so ganz klar.

Ich denke das ähnliches für die Hintergrundgrafiken gilt, aber das kann ich nicht testen.

Um den Wrapper überhaupt konkret ausmachen zu können, solltest du ihm testweise mal als Hintergrundfarbe red und ein padding von 2em mit auf den Weg geben. Dann kannst du gut sehen, das er sich zwar nicht wie von dir erwartet verhält, aber das css natürlich trotzdem umsetzt.

Gruss

MrMurphy

5

die -26em dienen dazu, weil ich dem content ein border right von 26em gegeben habe, damit die rechte spalte wo die info rein kommt gleich lang ist wie der content, dann habe ich den content links geflotet, und die navi rechts, damit die info dann in den border rechts von content kommt, habe ich die info mit -26em hineingezogen.

dass werde ich nun mal machen. danke und gruss

6

ach ich habs rausgefunden, ich habe das float vom div info, im div info selbst gecleart, anstatt in einem zusätzlichen container. da ich den footer nochnicht gemacht habe ist mir das ganze garnicht aufgefallen. vielen dank für eure Hilfe

7

versuch mal

[HTML]#wrapper {
margin:0 auto;
width:68.58em;
background-color:white !important;
}[/HTML]

*edit:
Ah habe deinen letzen Beitrag überlesen :wink: