mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 20:01 Benutzername: Passwort: Auto-Login

Thema: background image wird im firefox nicht angezeigt vom 09.08.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> background image wird im firefox nicht angezeigt
Seite: 1, 2  Weiter
Autor Nachricht
bird20
Threadersteller

Dabei seit: 09.08.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 09.08.2006 21:24
Titel

background image wird im firefox nicht angezeigt

Antworten mit Zitat Zum Seitenanfang

guten abend alle miteinander!

ich hoffe, jemand kann mir helfen. ich möchte einen hintergrundbild im body einfügen. im ie wird das auch richtig, oder zumindest so, wie ich es möchte, angezeigt. im firefox allerdings nicht.

der code im separaten css sieht so aus:

body{
color:green;
background-image:url(../img/background.gif) ;
background-position:0 0;
padding:0 0 0 0;
margin-top:80px;
margin-left:auto;
margin-right:auto;
font:13px verdana, sans-serif;
width:80%;
}

das css-file selbst liegt in einem ordner styles, der auf der gleichen stufe ist wie der ordner img. der pfad stimmt, denke ich zumindest.
ich denke, dass firefox irgendeine zusätzliche angabe braucht, die der ie automatisch annimmt.

seht ihr den fehler?

ich wäre euch wirklich dankbar für eure hilfe.

gruss
bird
  View user's profile Private Nachricht senden
reacon

Dabei seit: 27.08.2004
Ort: -
Alter: 38
Geschlecht: Männlich
Verfasst Mi 09.08.2006 22:28
Titel

Re: background image wird im firefox nicht angezeigt

Antworten mit Zitat Zum Seitenanfang

bird20 hat geschrieben:
guten abend alle miteinander!

ich hoffe, jemand kann mir helfen. ich möchte einen hintergrundbild im body einfügen. im ie wird das auch richtig, oder zumindest so, wie ich es möchte, angezeigt. im firefox allerdings nicht.

der code im separaten css sieht so aus:

body{
color:green;
background-image:url(../img/background.gif) ;
background-position:0 0;
padding:0 0 0 0;
margin-top:80px;
margin-left:auto;
margin-right:auto;
font:13px verdana, sans-serif;
width:80%;
}

das css-file selbst liegt in einem ordner styles, der auf der gleichen stufe ist wie der ordner img. der pfad stimmt, denke ich zumindest.
ich denke, dass firefox irgendeine zusätzliche angabe braucht, die der ie automatisch annimmt.

seht ihr den fehler?

ich wäre euch wirklich dankbar für eure hilfe.

gruss
bird



Äh, mal

background-image:url(../img/background.gif) ; width: 80%; height: schießmichtotpx; probiert ?

p.s. Das margin brauchst du nicht komplett ausschreiben. Man kann es auch kürzen:

margin: 80px 0 0 0; /* Im Uhrzeigersinn: Oben, Rechts, Unten und Links. Falls du das nicht schon weißt *bäh* */

Aber jeder wie er mag Lächel


Pfad stimmt soweit.


Zuletzt bearbeitet von reacon am Mi 09.08.2006 22:30, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 09.08.2006 22:33
Titel

Antworten mit Zitat Zum Seitenanfang

Und anstatt background-image einfach nur background ...
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
l3mon

Dabei seit: 26.07.2005
Ort: -5m
Alter: 58
Geschlecht: Männlich
Verfasst Mi 09.08.2006 22:55
Titel

Antworten mit Zitat Zum Seitenanfang

und.... lass mich raten - beim
margin-top

pfeift dir der ff was - wenn ja und du über browserweiche versch. css lädst versuchs über paddings
  View user's profile Private Nachricht senden
bird20
Threadersteller

Dabei seit: 09.08.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 10.08.2006 21:02
Titel

Antworten mit Zitat Zum Seitenanfang

Hallo zusammen

Ich bin's wieder.
Danke für eure Tipps, ich hab die alle mal durchgespielt, leider ohne Erfolg.
Deswegen habe ich die page jetzt mal unter

http://www.geocities.com/swissbird20/

online gestellt.
Jetzt schein der firefox das css nicht einmal mehr zu finden.

Wahrscheinlich hab ich irgendwo einen riesen Fehler.

Ich wäre wirklich froh über euren Input. Langsam geht mir dieses Zeug schon auf die Nerven *Schnief*

liebe Grüsse
bird


hier noch das css (styles2.css)

body{
color:green;
background:url(../img/muster.gif);
background-position:0 0;
padding:0 0 0 0;
margin-top:20px;
margin-left:auto;
margin-right:auto;
font:13px verdana, sans-serif;
width:760px;
border: 3px dashed silver;
}


a{
color:red;
font-weight:normal;
}

a:hover{
color:white;
}

h1{
padding:10px 30px 10px 0;
margin:0 0 10px 0;
font:bold 20px verdana, sans-serif;
text-align:left;}

#top{
float:left;
width:100%;
border: 3px dashed silver;
padding:1px 0px 0px 20px;
background-position: left bottom ;
background-repeat:repeat-x;}

#home{
float:left;
width:120px;
background-image:url(../img/xxx.gif);
border-right:2px solid green;
padding:5px 20px 5px 20px;
margin: 0px 0px 0px 0px;
}

#home a:hover {
background: blue;
text-decoration: none}

#navigation{
float:left;
background-image:url(../img/line2.gif) ;
padding:10px 20px 10px 20px;
border: 1px dashed silver;}

#navigation a{
padding:2px 10px 2px 10px;
margin:0px 5px 0px 0px;
border:1px dashed black;
font-weight:bold;
font-size:12px;
text-decoration:none;}

#links{
float:left;
width:160px;
padding:30px 0px 0px 0px;
font:10px verdana, sans-serif;
background-image:url(../img/backlinks.gif)
}

#links ul{
margin:0 0 0px 20px;
padding:0;
list-style:none;
}

#links li{
padding:0 0 2px 0;
}

#links a{
display:block;
padding:10px 2px 2px 10px;
font-weight:bold;
font-size:12px;
text-decoration:none;}

#middle{
margin:0px 150px 30px 160px;
padding:30px 0 0 20px;
border-left:2px solid black;
}

#middle h2{
margin:0 0 10px 0;
padding:2px 0 2px 5px;
font:bold 16px verdana, sans-serif;
border-left:10px solid #191970;
border-bottom:1px solid #191970;}

#middle h3{
margin:25px 0 10px 0;
padding:2px 0 2px 5px;
font:bold 14px verdana, sans-serif;
border-left:8px solid #191970;
border-bottom:1px solid #191970;}

#middle h4{
margin:25px 0 10px 0;
padding:2px 0 2px 5px;
font:bold 12px verdana, sans-serif;
border-left:6px solid #191970;
border-bottom:1px solid #191970;}

#rechts{
float: right;
width:100px;
padding:30px 20px 30px 20px;
border: 1px dashed silver;
}

#foot{
clear:left;
padding:10px 30px 10px 0;
margin:20px 0 0 0;
font:bold 12px verdana, sans-serif;
text-align:right;
border-top:10px solid #191970;
}

#foot p{margin:0;padding:0;}
  View user's profile Private Nachricht senden
tobiTOBSEN

Dabei seit: 19.08.2002
Ort: -
Alter: 45
Geschlecht: Männlich
Verfasst Do 10.08.2006 21:11
Titel

Antworten mit Zitat Zum Seitenanfang

öhm äh * Ööhm... ja? *

Code:
<img src="img\claro_logo.gif" width="177" height="102" align="bottom" alt="claro Logo"/>

Code:
<a href="./index.htm"><img src="img\25gr-transp-home.gif" width="25" height="25" border="0" alt="home"/></a>

Code:
<link rel="stylesheet" type="text/css" href="styles\styles2.css" />


wo kommen denn da die ganzen backslashes her? *zwinker*
  View user's profile Private Nachricht senden
bird20
Threadersteller

Dabei seit: 09.08.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 10.08.2006 21:29
Titel

Antworten mit Zitat Zum Seitenanfang

ups, *rotwerd*, das hät ich ja wirklich auch selber merken können.

DANKE, DANKE, DANKE!!

tobiTOBSEN, ich danke dir ganz herzlich!

Jetzt hab ich nur noch das Problem, dass der background nicht angezeigt wird. Das Bild dafür hab ich im css im body eingefügt.

gibt's da auch noch eine Lösung?

Gruss
bird
  View user's profile Private Nachricht senden
bird20
Threadersteller

Dabei seit: 09.08.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 10.08.2006 23:31
Titel

alles paletti :-)

Antworten mit Zitat Zum Seitenanfang

Hallo zusammen

Ich hab die (eine?) Lösung gefunden. Ja, ja probieren geht über studieren Lächel
Ich hab die Reihenfolge der einzelnen Eigenschaften verändert. Wenn ich background-image als erstes wähle, geht's.

Kann kaum glauben, aber so klappts Lächel

Jetzt kann ich wenigstens ins Bett und ruhig schlafen.

Zumindest bist zum nächsten Problem Lächel


Danke nochmals für eure Hilfe!

Gute Nacht
bird
  View user's profile Private Nachricht senden
 
Ähnliche Themen Firefox/IE, CSS & background image
background-image wird nicht korrekt angezeigt
Mac-Firefox:Problem mit background-image
[CSS] Firefox zeigt background-image nicht an
CSS background-image
[CSS] Background-image INE
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.