Office Forum
www.Office-Loesung.de
Access :: Excel :: Outlook :: PowerPoint :: Word :: Office :: Wieder Online ---> provisorisches Office Forum <-
Probleme mit Hintergrundbild IE <>MF
zurück: MouseOver -> Sound & Zoom weiter: Problem mit Publisher und Internet Explorer Unbeantwortete Beiträge anzeigen
Neues Thema eröffnen   Neue Antwort erstellen     Status: Feedback Facebook-Likes Diese Seite Freunden empfehlen
Zu Browser-Favoriten hinzufügen
Autor Nachricht
Crusico
zwischen Anfänger und Fortge.


Verfasst am:
14. Apr 2010, 10:49
Rufname:

Probleme mit Hintergrundbild IE <>MF - Probleme mit Hintergrundbild IE <>MF

Nach oben
       

Hi to @ll,

ich habe einen Problem mit den Hintergrundbild und zwar wird das Hintergrundbild in IE oder MF zeilenverschoben dargestellt! Wie schaffe ich das, dass das Hintergrundbild egal ob ich IE oder MF öffne gleiche Postion steht?

Mein Code sieht so aus:
Code:
<style type="text/css">
div.bg {
background-image: url(background.bmp);
background-color:orange;
width:520px;height:520px;
padding:20px;
}
</style>
womaninweb
(X)HTML und CSS Junkie


Verfasst am:
14. Apr 2010, 12:02
Rufname:
Wohnort: Aachen


AW: Probleme mit Hintergrundbild IE <>MF - AW: Probleme mit Hintergrundbild IE <>MF

Nach oben
       

Hallo Crusico,

zum ersten würde ich an deiner Stelle statt eines Bitmaps ein komprimiertes .jpg-Format wählen, der User wird es dir danken. Dann versuche mal die background-Anweisung um die Wiederholung zu erweitern:
Code:
<style type="text/css">
div.bg {
background-image: url(background.bmp);
background-repeat: no-repeat;
background-position: top center;
background-color:orange;
width:520px;height:520px;
padding:20px;
}
</style>
Oder kurz geschrieben:
Code:
<style type="text/css">
div.bg {
background: orange url(background.bmp) no-repeat top center;
width: 520px; height: 520px;
padding: 20px;
}
</style>

Gruß,
womaninweb

_________________
Der Vorteil der Klugheit besteht darin, dass man sich dumm stellen kann. Das Gegenteil ist schon schwieriger.
Kurt Tucholsky
Crusico
zwischen Anfänger und Fortge.


Verfasst am:
14. Apr 2010, 13:38
Rufname:

AW: Probleme mit Hintergrundbild IE <>MF - AW: Probleme mit Hintergrundbild IE <>MF

Nach oben
       

Hi womaninweb,

danke für deine schnelle Antwort!

Leider hilft mir das auch nicht wirklich weiter, unter IE bekomme ich auf einmal im Internetfenster scrollbalken und das Bild wird nicht komplett in der breite angezeigt!

Unter MF habe ich keine Probleme!

Werde das Bild noch umwandeln.

P.s. ich habe beide Varanten von dir getestet.
womaninweb
(X)HTML und CSS Junkie


Verfasst am:
14. Apr 2010, 15:47
Rufname:
Wohnort: Aachen

AW: Probleme mit Hintergrundbild IE <>MF - AW: Probleme mit Hintergrundbild IE <>MF

Nach oben
       

Hallo Crusico,

bei deinem StyleSheet musst du berücksichtigen, dass zu der Bildbreite und -höhe auch noch rundherum 20 Pixel Innenabstand (padding) kommen. Der div hat also in der Summe die Ausmaße von 560px x 560px. Du kannst die Positionsangaben für den background auch auf center center setzen, dann ist das Bild mittig, ändert aber nichts an den Ausmaßen. Du wirst ja sicher noch mehr Elemente in deinem Dokument haben, insofern mit diesem kleinen Code-Ausschnitt keine Aussage über das Verhältniss zu den anderen Elementen möglich. Hast du einen Link auf die Seite?

Gruß,
womaninweb

_________________
Der Vorteil der Klugheit besteht darin, dass man sich dumm stellen kann. Das Gegenteil ist schon schwieriger.
Kurt Tucholsky
Crusico
zwischen Anfänger und Fortge.


Verfasst am:
15. Apr 2010, 09:50
Rufname:


AW: Probleme mit Hintergrundbild IE <>MF - AW: Probleme mit Hintergrundbild IE <>MF

Nach oben
       

Hi,

danke für deine Hilfe!
Ich habe mal die Site hochgeladen auf:
http://www.side-of-garcia.de/Test.html

Da kannst du sehen, wenn du IE = MF Fenster öffnest und nebeneinander stellst, dass die orange Hintergrundfarbe, wo später das Bild geladen wird, ein paar Zeilen, Spalten versetzt sind.

Danke!
womaninweb
(X)HTML und CSS Junkie


Verfasst am:
15. Apr 2010, 15:59
Rufname:
Wohnort: Aachen

AW: Probleme mit Hintergrundbild IE <>MF - AW: Probleme mit Hintergrundbild IE <>MF

Nach oben
       

Hallo Crusico,

ich habe es mal ausgetestet, allerdings mit ein paar wenigen Änderungen. Zum einem habe ich meinem HTM-Dokument ein Doctype gegeben und ein charset=utf-8. Zum zweiten habe ich dein a.menu_grün (im CSS) in a.menu_gruen umbenannt und in dem HTML-Code das Entity mit ue ersetzt. Das solltest du grundsätzlich beachten: keine Umlaute oder Sonderzeichen als Klassen- oder ID-Bezeichner zu nehmen. Und Entities (Maskierungen) sind an dieser Stelle auch fehl am Platz.

Die Hintergrundfarbe habe ich testhalber auf weiss gesetzt, um die anderen Elemente besser zu sehen. Grundsätzlich sieht es im IE (7) und FF (3.6.3) gleich aus. Wenn man mal davon absieht, dass der IE einen 2 Pixel schmaleren Browserrand hat als der FF, stimmen die Abstände nach links und rechts. Beide Browser stellen die Boxen auch gleich groß dar. Die positionierten Element sind ebenfalls in beiden Browsern gleich. Der Unterschied liegt in der Höhenanordnung der Buttons. Das liegt aber daran, dass du <br>s benutzt hast, um den Abstand nach oben herzustellen. Der IE und der FF haben eine unterschiedliche Interpretation der Zeilenhöhe. Da der <br> ein Zeilenumbruch ist, kommt es eben zu unterschiedlichen Abständen. Daran sieht man deutlich, dass Elemente - an der falschen Stelle eingesetzt, zu unterschiedlichen Ergebnissen führen können. Die richtige Methode für Abstände wäre der Außenabstand margin.

Gruß,
womaninweb

_________________
Der Vorteil der Klugheit besteht darin, dass man sich dumm stellen kann. Das Gegenteil ist schon schwieriger.
Kurt Tucholsky
Crusico
zwischen Anfänger und Fortge.


Verfasst am:
16. Apr 2010, 09:40
Rufname:

AW: Probleme mit Hintergrundbild IE <>MF - AW: Probleme mit Hintergrundbild IE <>MF

Nach oben
       

Danke für deinw Hilfe und Zeit!

Ich bin noch ein newbie, hoffe das ich dich richtig verstanden habe:

Doctype habe ich eingefügt
charset=utf-8 Wo schreibe ich das rein, hab mal gegoogle und das gefunden?
Code:
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<br> ein Zeilenumbruch !=! margin Wie mache ich das mir margin, in CCS oder in der html Site?

Ich habe mal die Site geändert und ein "background.jpg" eingefügt, da kann man das beser sehen mit den Zeilen.

Ich wäre sehr danke, wenn du dir/ihr die Site mal anschauen könntest.

Danke
womaninweb
(X)HTML und CSS Junkie


Verfasst am:
18. Apr 2010, 12:15
Rufname:
Wohnort: Aachen

AW: Probleme mit Hintergrundbild IE <>MF - AW: Probleme mit Hintergrundbild IE <>MF

Nach oben
       

Hallo Crusico,

irgendwie hat das mit dem Doctype noch nicht so ganz geklappt. Schau doch mal bei selfHTML rein, dort ist der Aufbau beschrieben. Ebenso die meta-Angabe mit dem charset. Hier sollte die Zeichencodierung utf-8 bevorzugt werden, da mit diesem Zeichensatz so gut wie alle Zeichen abgebildet werden können. Dann machen unsere deutschen Umlaute und Sonderzeichen keine Probleme mehr.

Zu deinem Hintergrund: Du hast dir mit den Grafiken, die in dem Hintergrundbild eingebunden sind natürlich ein ziemliches Problem geschaffen. Das erfordert pixelgenaues Positionieren der Linkelemente. Denn mit den <br>'s ist es, wie schon gesagt, nicht browserübergreifend möglich. Du müsstest die Linkelemente genauso absolut positionieren, wie die Elemente #bild und #inhalt. Du könntest auch die Halbkreise als .gif's ausspielen und für die Linkelemente eine Tabelle mit zwei Spalten erstellen: in die erste Spalte kommt das Bild, in die zweite der Link. Noch eine andere Möglichkeit, wenn auch schon fortgeschritten, ist das über Listen und CSS zu lösen. Du brauchst wiederum die Halbkreise als Grafik und stellst diese dem Listenelement voran. Wie man list-style-type formatiert findest du in meinem Blog und die Eigenschaft content wird in meiner CSS-Referenz erklärt.

Gruß,
womaninweb

_________________
Der Vorteil der Klugheit besteht darin, dass man sich dumm stellen kann. Das Gegenteil ist schon schwieriger.
Kurt Tucholsky
Crusico
zwischen Anfänger und Fortge.


Verfasst am:
19. Apr 2010, 07:06
Rufname:


AW: Probleme mit Hintergrundbild IE <>MF - AW: Probleme mit Hintergrundbild IE <>MF

Nach oben
       

Vielen Danke womaninweb!

Ich werde mir mal deinen Blog durchlesen und das mit CSS.
Neues Thema eröffnen   Neue Antwort erstellen Alle Zeiten sind
GMT + 1 Stunde

Diese Seite Freunden empfehlen

Seite 1 von 1
Gehe zu:  
Du kannst Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.
Du kannst Dateien in diesem Forum nicht posten
Du kannst Dateien in diesem Forum herunterladen

Verwandte Themen
Forum / Themen   Antworten   Autor   Aufrufe   Letzter Beitrag 
Keine neuen Beiträge MS Expression Web Forum: Hintergrundbild skalieren!! 2 joekater 556 01. Apr 2013, 15:09
joekater Hintergrundbild skalieren!!
Keine neuen Beiträge Frontpage Forum: wie füge ich ein hintergrundbild in Frontpage 2003 ein?? 12 Gast 9518 05. Feb 2012, 12:23
womaninweb wie füge ich ein hintergrundbild in Frontpage 2003 ein??
Keine neuen Beiträge MS Expression Web Forum: Probleme mit Hintergrundbild 1 mkone 808 18. Apr 2010, 11:36
womaninweb Probleme mit Hintergrundbild
Keine neuen Beiträge Macromedia Dreamweaver Forum: Hintergrundbild 2 atemschutzwart 1416 09. Nov 2009, 09:23
atemschutzwart Hintergrundbild
Keine neuen Beiträge Frontpage Forum: Hintergrundbild festlegen geht nicht 1 Gast 1464 22. Feb 2009, 20:01
maninweb Hintergrundbild festlegen geht nicht
Keine neuen Beiträge Frontpage Forum: Tabellen mit Hintergrundbild 0 pascal78 1441 30. Dez 2008, 10:21
pascal78 Tabellen mit Hintergrundbild
Keine neuen Beiträge HTML & CSS Forum: Hintergrundbild wird beim Zentrieren oben abgeschnitten 1 WernerBob 2634 28. Dez 2008, 01:09
brik Hintergrundbild wird beim Zentrieren oben abgeschnitten
Keine neuen Beiträge Macromedia Dreamweaver Forum: HTML als Hintergrundbild 1 Gast 2736 11. Mai 2008, 09:59
maninweb HTML als Hintergrundbild
Keine neuen Beiträge Frontpage Forum: IE zeigt Hintergrundbild nicht 1 Kyras 1196 26. Feb 2008, 01:50
Kyras IE zeigt Hintergrundbild nicht
Keine neuen Beiträge MS Expression Web Forum: Hintergrundbild einfügen 3 Sinalco 4052 04. Nov 2007, 18:06
HJA Hintergrundbild einfügen
Keine neuen Beiträge Frontpage Forum: Hintergrundbild immer auf 100% Größe 4 jh312 4210 03. Nov 2007, 18:01
womaninweb Hintergrundbild immer auf 100% Größe
Keine neuen Beiträge Frontpage Forum: Bilder im Hintergrundbild 9 Rukia 5018 15. Okt 2007, 10:23
Michael12353 Bilder im Hintergrundbild
 

----> Diese Seite Freunden empfehlen <------ Impressum - Besuchen Sie auch: MS Frontpage