Hintergundgrafik wird im IE nicht richtig angezeigt

[sissi1]

Hallo Leute,

hoffe das sich jemand findet der das Rätsel lösen kann

Folgendes:
habe ein Problem mit dem Hintergrundbild - es wird im Safari und Firefox richtig angezeigt, nur im IE wird mir die Blumengirlande rechts abgeschnitten.
Da ich mich eigentlich nicht wirklich in CSS auskenne (alles was ihr seht ist nur durch stundenlanges herum probieren entstanden)
weis ich jetzt nicht mehr weiter.

Hier meine Seite:



Mein Header sieht so aus:

/* Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/**/ * html .Header { height: 800px;} /* */
.Header { background: url(images/header_bg0.gif) no-repeat left top; min-width: 1050px; position: relative; clear: left; padding: 0px; min-height:776px; }

.Header h1 { position: relative; width: 400px; float: left; font-size: 28px; line-height: 28px; letter-spacing: -1px; padding: 10px 5px 0px 100px; margin: 0px 20px 0 0; font-weight: bold;}
.Header h1 a { color:#84844c; text-decoration: none; }
.Header h1 a:visited { color:#84844c; text-decoration: none; }
.Header h1 a:hover { color:#84844c; text-decoration: none; }
.Header .Desc { position: relative; float: left; clear: left; width: 400px; color:#b3bb92; font-size: 14px; line-height: 14px; font-weight: bold; letter-spacing: -1px; font-family: 'Arial'; padding: 10px 5px 0px 85px; margin: 0px 20px 0px 20px;}

Vielen Dank
Sissi

 

[Silvio]

AW: Hintergundgrafik wird im IE nicht richtig angezeigt

Also bei mir werden beide Seiten gleich angezeigt. Ich habe den Internet Explorer 8. Welchen hast Du
?
P.s.: ich hätte den Header nicht als Klasse sondern, als ID dekliniert...man verwirrt sich sonst leicht selbst

 

[sissi1]

AW: Hintergundgrafik wird im IE nicht richtig angezeigt

IE 6 habe ich auf einem alten Rechner
jetzt habe ich einen Mac
es geht mir nur um die Blumengirlande die beim IE6 abgeschnitten wird
oder sehe nur ich das so :uhm:

hab mir ein Wordpresstheme runtergeladen und total verändert
ich kenn mich wirklich nicht in CSS aus - Klasse und ID sind Fremdwörter für mich

lg
sissi

 

[Tim1901091]

AW: Hintergundgrafik wird im IE nicht richtig angezeigt

Ich habs grad mal in IE6 angeguckt, da tritt das Problem auf. Rechts von der gepunkteten Abgrenzung wird praktisch abgeschnitten.

Ist eigentlich ganz einfach mit den Klassen und IDs:
Klassen verwendet man für Dinge, dies mehrfach gibt und dann schreibt man auf: class="klassenname" und kann über das CSS so zugreifen: .klassenname
IDs werden dann zwangsläufig verwendet, wenns nur eins davon gibt und wird notiert mit: id="id-name" und im CSS: #id-name

Die erste Angabe brauchste du so gar nicht...

.Header reicht vollkommen aus und die ganzen Kommentare ohne Inhalt (/* */) kannst du auch ruhig streichen. Das ganze würde dann so aussehen:

.Header {
background:url(images/header_bg0.gif) no-repeat left top;
clear:left;
height:800px;
min-height:776px;
min-width:1050px;
padding:0px;
position:relative;
}

IE6 interpretiert das Box-Modell von CSS nicht richtig. Guck mal, ob du nicht mit ner Veränderung von width im CSS hinkommst.
min-height und min-width sind übrigens auch öfters mal problematisch.

 

[sissi1]

AW: Hintergundgrafik wird im IE nicht richtig angezeigt

Danke!

Aber width verändern bringt leider gar nichts!

und wenn ich min-height
min-width rausstreiche wird im Safari die Girlande auch abgeschnitten.

Lg
sissi

 

[Tim1901091]

AW: Hintergundgrafik wird im IE nicht richtig angezeigt

Ähm...schade...

Seh ich das richtig, dass die Hintergrundgrafik praktisch das komplette Design ist? Und der Text nur "darüber" gelegt wird?

Probier mal obs geht, wenn du die Breite explizit setzt. Also in das CSS width:1042px; rein schreiben.

 

[sissi1]

AW: Hintergundgrafik wird im IE nicht richtig angezeigt

Ja so ist es!

/*

/* BGContainer +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.BGC { width: 986px; margin: 0 auto; position: relative }

/* Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Header {
background:url(images/header_bg0.gif) no-repeat left top;
clear:left;
height:800px;
min-height:776px;
min-width:1050px;
padding:0px;
position:relative;
}

irgendwie hat es mit dem was zu tun

.BGC { width: 986px; margin: 0 auto; position: relative }
wenn ich hier die gleich Grösse wie oben eingebe, sehe ich zwar die Girlande aber das Ganze rückt nach links und der Rest passt nicht mehr dazu



lg
sissi

 

[Tim1901091]

AW: Hintergundgrafik wird im IE nicht richtig angezeigt

Okay, das mit dem Nachlinksrücken ist kein Problem:

Nimm die "richtige" Breite und setzt margin auf: margin:auto auto;
margin:auto; müsste theoretisch auch probieren, kannsts ja mal ausprobieren.

Das macht nix anderes, als dem Browser zu sagen, dass er die Außenabstände (margins) automatisch erzeugen soll --> der Inhalt steht immer in der Mitte.

Eventuell muss noch das position:relative; raus.

 

[sissi1]

AW: Hintergundgrafik wird im IE nicht richtig angezeigt

Leider tut sich da nichts - zumindest nichts positives!

Ich denke ich mach es ganz falsch
denn ich gebe mit widh die Position für mein Hintergrundbild an. (bin da so lange hin und hergerückt bis es gepasst hat)
Richtig sollte sein das ich die Breite meines Bildes angeben sollte und irgendwo anders dann die Position dieses Tables - nur wo?

Denk ich mal!

lg
sissi

 

[Tim1901091]

AW: Hintergundgrafik wird im IE nicht richtig angezeigt

Richtig. Ich weiß nicht genau, wie das aufgebaut ist.

Es gibt ja diesen BGContainer. Dem musst du margin:auto; und width:1042px; geben. Das ist der außen rum. Wenn der festgelegt ist, dann kann der Inhalt davon (also der Header) nicht größer werden als sein Parent (übergeordnetes Element). Das heißt also, dass der Header weder margin, noch width haben muss.

Probiers mal so aus. Wenns nicht klappt, schreib mir mal die genaue Struktur von dem ganzen auf (hab im Moment keine brauchbaren Werkzeuge, um das selbst zu untersuchen).

 

[sissi1]

AW: Hintergundgrafik wird im IE nicht richtig angezeigt

Hallo,

hab das Ganze jetzt neu gemacht und mein Hintergrundbild nur 1024 px breit
somit war´s für den IE6 auch nicht schwer.

habe einen neuen 24´Monitor und wollte den ganzen Platz nutzen

da hat mir der IE aber einen Strich durch die Rechnung gemacht
aber ich kann Leben damit.

Vielen Dank für eure die Hilfe!

Lg
Sissi

 

[Tim1901091]

AW: Hintergundgrafik wird im IE nicht richtig angezeigt

Kleiner Tipp noch: Nimm bisschen weniger als 1024px in der Breite.
Man kann zwar mittlerweile davon ausgehen, dass die meisten die Breite haben, aber oft haben die Benutzer das Fenster nicht maximiert, sodass am Ende en Wert von etwa 950px überbleibt.

 

[sissi1]

AW: Hintergundgrafik wird im IE nicht richtig angezeigt

Ok, kann ich machen aber erst nachdem ich meine Erfolgserlebnisse
einige Tage genossen habe

Danke für den Tip!

lg
sissi

 

[Tim1901091]

AW: Hintergundgrafik wird im IE nicht richtig angezeigt

Wer benutzt den heut zutage noch den IE :schmoll:

Mindestens 70% weltweit!!
Vor allem in Unternehmen gibts sehr oft nur IE6, weil die Admins zu faul sind den zu aktualisieren. Webdesigner nehmen zwar zu 99,9% Firefox, aber das hilft ja auch nix... soll ja schließlich beim Benutzer gut aussehen.

 

[Dennis Kovarik]

AW: Hintergundgrafik wird im IE nicht richtig angezeigt

Mindestens 70% weltweit!!
Vor allem in Unternehmen gibts sehr oft nur IE6, weil die Admins zu faul sind den zu aktualisieren. Webdesigner nehmen zwar zu 99,9% Firefox, aber das hilft ja auch nix... soll ja schließlich beim Benutzer gut aussehen.

Deine Quelle für die 70%? Und ob die Unternehmen sehr oft nur den 6er nutzen, dass lass ich mal dahingestellt, wir "nutzen" den 8er, zumindest ist er installiert > bei über 200 Leuten

Hier mal eine Quelle zu den aktuellen Statistiken, zum Thema 70%.

Browser Statistics

Viele Grüße

 

[sissi1]

AW: Hintergundgrafik wird im IE nicht richtig angezeigt

Also in unseren Haushalt befinden sich 4 PCs 1 Notebook 1 Netbook, auf denen
IE6 genutzt wird und jetzt habe wir uns 2 Mac´s gekauft da wir uns IE7, Vista und deren Nachfolger nicht antun möchten.
In der Arbeit haben wir auch IE6 - nur ist unser Internetzugang für die meisten Seiten gesperrt
Mein Sohn benutzt Firefox.


Ich weis nicht aber ich traue Statisiken überhaupt nicht.
In Österreich, sagt die Statisik beträgt das Pro Kopfvermögen Euro 200000.-
und jetzt sag mal, wer hat meine?

lg
sissi

 

[Tim1901091]

AW: Hintergundgrafik wird im IE nicht richtig angezeigt



Okay...sind nur 64%... als ich das letzte Mal auf der Seite war, warns aber noch 73% oder so...

Ist aber immer noch mehr als genug...

Ich hoffe, dass mehr Firmen den IE8 benutzen...es gibt ja praktisch keine Gründe, die dagegen sprechen würden...
Und da wird der Hintergrund auch viel eher richtig angezeigt ;-)