WebWork Magazin - Webseiten erstellen lassen, Online Medien, html

Webhoster, Webhosting Provider und Domain registrieren

Home | Registrieren | Einloggen | Suchen | Aktuelles | GSL-Webservice | Suleitec Webhosting
Reparatur-Forum | Elektro forum | Ersatzteilshop Haushalt und Elektronik



Im Homepage und Webhosting-Forum --- Hintergrundbild wird im FF und NS nicht angezeigt

HTML, XHTML, CSS , style, XML, Javascript und mehr, Fragen, Tipps und Anregungen zu diesen Basic Techniken - hier rein !

Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » Hintergrundbild wird i... - 20 April 2024 Antworten
im Forum für Webhosting Homepage gefunden:
Hintergrundbild wird im FF und NS nicht angezeigt
onliner
Pixelschubser
Threadstarter




Beiträge: 8

Hallo nochmal,

nachdem nisita mir zu einem dreispaltigen Design einen guten Tipp gegeben hat (Danke nochmal), habe ich nun ein Layout gebastelt, das von den Proportionen wirklich mal anstandlos und auf den ersten Hieb in allen Browsern gleich aussieht - bis auf das Hintergrundbild in der Contentzeile. Firefox und Netscape weigern sich, das Bild anzuzeigen, das ich dem Container in dieser Reihe als Hintergrundbild verpasst habe. Ich habe schon einiges probiert:

- die Zahl aus der Klasse genommen
- verschiedene Schreibweisen des Eintrags (Einzeln, in einer Zeile)
- statt eines .gif ein .jpg

aber ich bekomme das Bild angezeigt :( Im IE ist es da und wenn es da ist, ist es fertig

Ebenfalls auffällig an der Contentzeile (Reihe 3) ist das Verhalten bei der Border. Sobald ich das HG-Bild drinnen hatte, wurde die Border-Top nicht mehr angezeigt, wenn ich sie

1:
	border: 1px 0px 0px 0px solid #313D27;


geschrieben habe. Erst nachdem ich jede Border einzeln ausgeschrieben habe, gings dann... *grübel*


Hier Code und CSS:

Code:

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41:



meineseite.de




Hier ist der Inhalt



Und das zugehörige CSS:

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41: 
42: 
43: 
44: 
45: 
46: 
47: 
48: 
49: 
50: 
51: 
52: 
53: 
54: 
55: 
56: 
57: 
58: 
59: 
60: 
61: 
62: 
63: 
64: 
65: 
66: 
67: 
68: 
69: 
70: 
71: 
72: 
73: 
74: 
75: 
76: 
77: 
78: 
79: 
80: 
81: 
82: 
83: 
84: 
85: 
86: 
87: 
88: 
89: 
90: 
91: 
92: 
93: 
94: 
95: 
96: 
97: 
98: 
99: 
100: 
101: 
102: 
103: 
104: 
105: 
106: 
107: 
108: 
109: 
110: 
111: 
112: 
113: 
114: 
115: 
116: 
117: 
118: 
119: 
120: 
121: 
122: 
123: 
124: 
125: 
126: 
127: 
128: 
129: 
130: 
131: 
132: 
133: 
134: 
135: 
136: 
137: 
138: 
139: 
140: 
141: 
142: 
143: 
144: 
145: 
146: 
147: 
148: 
149: 
150: 
151: 
152: 
153: 
154: 
155: 
156: 
157: 
158: 
159:
html {
	height: 100%;
	min-height: 100%;
	max-height: 999%;
}

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: silver;

}

#outline {
	width: 912px;
	height: 100%;
	min-height: 600px;
	max-height: 999%;
	background-color: silver;
}

#reihe1 {
	width: 912px;
	height: 22px;
}

#obenlinks {
	width: 700px;
	height: 18px;
	background-color: white;
	border: 1px solid #313D27;
	float: left;
	text-align: left;
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 2px;
}

#obenrechts {
	width: 200px;
	height: 18px;
	background-color: white;
	text-align: left;
	border: 1px solid #313D27;
	float: right;
	margin: 0px 0px 2px 2px;
	padding: 0px 2px 0px 2px;
}

#reihe2 {
	width: 912px;
	height: 81px;

}

#logo {
	width: 602px;
	height: 77px;
	background-color: white;
	border: 1px solid #313D27;
	margin: 0px 2px 2px 0px;
	float: left;
}
#shoutbox {
	width: 300px;
	height: 77px;
	background-color: white;
	text-align: left;
	border: 1px solid #313D27;
	float: right;
	margin: 0px 0px 2px 0px;
	padding: 0px 2px 0px 2px;

}

#reihedrei {
	width: 912px;
	background-image: url(http://www.cupz.de/fileadmin/images/layout/content.gif);
	background-repeat: repeat-y;
}

#menu {
	width: 142px;
	text-align: left;
	border-top: 1px;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	border-style: solid;
	border-color: #313D27;
	padding: 5px 0px 0px 2px;
	margin: 0px 2px 0px 0px;
	float: left;
}

#content-main {
	width: 648px;
	background-color: white;
	min-height: 100%;
	max-height: 999%;
	text-align: left;
	border-top: 1px;
	border-right: 1px;
	border-bottom: 0px;
	border-left: 1px;
	border-style: solid;
	border-color: #313D27;
	padding: 5px 5px 0px 5px;
	margin: 0px 2px 0px 0px;
	float: left;
}

#menu-right {
	width: 104px;
	border-top: 1px;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	border-style: solid;
	border-color: #313D27;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: right;
}

#reihevier {
	width: 912px;
	height: 3px;
}

#abbinder {
	width: 912px;
	height: 3px;
	margin: 0px 0px 0px 0px;
	float: left;
}

#reihefuenf {
	width: 912px;
	height: 20px;
}

#footer {
	width: 910px;
	background-color: white;
	height: 18px;
	border: 1px solid #313D27;
	margin: 0px 0px 0px 0px;
	float: left;
}


div {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:16px;
	border-color:#313D27;
}


Thx and greets,
Onliner


---
Niemand hat das Recht, zu gehorchen - Hanna Ahrendt, Philosophin.

Diese Nachricht wurde geändert von: onliner
  Profil   E-Mail   Website   Editieren   Zitieren
Philipp Gérard
Foren-Team




Beiträge: 1502

probier mal background-image: url()...

background ist nicht gut, dafür gibt es o.g. b-image und b-color.

---
Arbeit ist das Feuer der Gestaltung. - Marx

  Profil   E-Mail   Website   Editieren   Zitieren
onliner
Pixelschubser
Threadstarter




Beiträge: 8

Sorry, da habe ich glatt mein Experimemt gepostet. War einer der alternativen Schreibversuche. Mit background-image geht es auch nicht. Ich habe langsam den Verdacht, dass es an dem Container liegen könnte. Ist ja nur ein Rahmen, ohne Inhalte. Vielleicht muss ein Bild oder ein nbsp; rein, damuit das Bild auftaucht? Muss das mal testen...

thx! soweit

edit: Tatsache. Sobald in dem DIV irgend ein Inhalt ist, erscheint auch das Bild. Das ist ärgerlich, weil ich in diesen Zeilencontainer eigentlich nichts reinsetzen kann :( Zerschießt dann das Layout.

---
Niemand hat das Recht, zu gehorchen - Hanna Ahrendt, Philosophin.

Diese Nachricht wurde geändert von: onliner
  Profil   E-Mail   Website   Editieren   Zitieren
languitar
Foren-Team




Beiträge: 2795

soll das ne trennlinie werden?

  Profil   Editieren   Zitieren
onliner
Pixelschubser
Threadstarter




Beiträge: 8

Ein simulierter Rahmen um die beiden Container rechts und Links. In der Mitte sind die Inhalte, rechts und Links die Navigation. Die Höhe dieser beiden Container wandert aber nicht mit dem Content in der Mitte. Ich könnte eine feste Höhe angeben, was doof aussieht.

So habe ich die Border-Top und das HG-Bild mit Y-Repeat, das die seitliche Border simuliert. Unten als Abschluss habe ich dann erstmal ein Bild genommen, weil der IE einen DIV mit Höhe 3px automatisch auf 16Pix Höhe gestreckt hat, wenn der Container leer war.


---
Niemand hat das Recht, zu gehorchen - Hanna Ahrendt, Philosophin.

  Profil   E-Mail   Website   Editieren   Zitieren
languitar
Foren-Team




Beiträge: 2795

Ein Link wäre nicht schlecht ;)

  Profil   Editieren   Zitieren
onliner
Pixelschubser
Threadstarter




Beiträge: 8

Moin,

ich hab's mal hochgeladen. Im IE sieht es gut aus. Und diesmal (und auch nur diesmal) finde ich die Interpretation einfach besser als im FF und NS....

http://www.campus-dieburg.de/asta/divdesign.html

Ich sehe aktuell keine Möglichkeit das Bild anzeigen zu lassen...

---
Niemand hat das Recht, zu gehorchen - Hanna Ahrendt, Philosophin.

  Profil   E-Mail   Website   Editieren   Zitieren
Philipp Gérard
Foren-Team




Beiträge: 1502

Safari gibt auch kein Hintergrundbild aus...

---
Arbeit ist das Feuer der Gestaltung. - Marx

  Profil   E-Mail   Website   Editieren   Zitieren
onliner
Pixelschubser
Threadstarter




Beiträge: 8

Das problem an sich habe ich ja - der Container in Reihe 3 hat keinen Inhalt. Sobald ich da ein nbsp; oder einen Buchstaben reinschreibe, habe ich ein Bild. Das kann's aber auch nicht sein :(

---
Niemand hat das Recht, zu gehorchen - Hanna Ahrendt, Philosophin.

  Profil   E-Mail   Website   Editieren   Zitieren
languitar
Foren-Team




Beiträge: 2795

Das Problem ist, dass der DIV so im FF gar keine Höhe hat. Probier mal etwas mit display:block rum

  Profil   Editieren   Zitieren
Ehemaliges Mitglied (#1460)
Posting-Schinder




Beiträge: 609

onliner schrieb am 22.05.2005 11:59
edit: Tatsache. Sobald in dem DIV irgend ein Inhalt ist, erscheint auch das Bild. Das ist ärgerlich, weil ich in diesen Zeilencontainer eigentlich nichts reinsetzen kann :( Zerschießt dann das Layout.

Naja, was soll denn bitteschön auch ein Container ohne Inhalt. Da hast Du einen Fehler im Konzept. In einem Container ohne Inhalt sieht man natürlich auch kein Hintergrundbild. Wenigstens eine Größe sollte der Container bekommen. Wenn Du jedoch einen leeren Container hast, ist das Semantisch sinnlos, also willst Du das vielleicht gar nicht so machen, sondern über ein -Tag!

Dein Layout wirkt sehr wie von jemandem, der gerade die Tabellen hinter sich gelassen hat. div-Suppe ohne Inhalt. Dass da einiges nicht so läuft, wie man das denken würde, ist klar. Ein CSS-Layout geht man besser an, indem man zuerst eine Seite mit dem kompletten Content schreibt, und diesen logisch auszeichnet. Möglichst ohne divs (divs sind immerhin nur bei Gruppierungen nötig). Erst, wenn die Semantik steht, fängt man mit CSS an. Perfekte CSSler brauchen jetzt nichts mehr am HTML-Code zu ändern.

Dein Design versagt, sobald Text rein kommt und man die Schriftgröße ändert. Dann fängst Du wieder von vorne an oder nimmst es hin, dass einige Leute Deine Site nicht nutzen können. Hättest Du von vornherein mit dem Content angefangen, der ja wichtiger ist als das Design, und hättest mit Schrift- und Browsergrößen rumgespielt, könntest Du diese Probleme von Anfang an ausbügeln und müsstest die Arbeit nicht doppelt machen.
Eine weitere Schwäche Deiner Seite ist auch das klassische Print-Designer-Problem: Feste Seitenbreiten. Das ergibt horizontale Scrollbalken, die keiner gern hat. Du bist mit Deinem Design zu unflexibel und nicht für das Web vorbereitet.

Klar, das kann man als Anfänger alles gar nicht auf einmal wissen und können, aber darum kriegst Du hier ja die Hinweise, was Du alles ändern solltest.

Bin natürlich gerne für Rückfragen zu haben.

  Profil   Editieren   Zitieren
languitar
Foren-Team




Beiträge: 2795

Trtotzdem hat der besagt Di ja im Grunden ne Inhalt, nämliche weitere Divs... und die haben mit Garantie irgendwo Inhalt.

  Profil   Editieren   Zitieren
onliner
Pixelschubser
Threadstarter




Beiträge: 8

Efchen schrieb am 25.05.2005 16:48
Naja, was soll denn bitteschön auch ein Container ohne Inhalt. Da hast Du einen Fehler im Konzept....

.....


Nur kurz, weil ich gerade an einem anderen Projekt arbeite: Du hast mir jetzt in vier dicken Absätzen gesagt, dass alles scheiße ist und das ich alles anders machen soll. Ne Lösung fürs Problem hast Du aber nicht? Sollte ich jemals eine Arbeit konzeptionell oder designtechnisch zur Diskussion stellen, bin ich auf Dein Feedback gespannt. Vielleicht baue ich also einfach alles noch einmal um und melde mich dann noch einmal. Dann kannst Du es von mir auch gerne zerreißen und zerpflücken. Ansonsten betrachte es einfach als was es ist. Eine Spielerei mit etwas für mich neuem...

MfG...


---
Niemand hat das Recht, zu gehorchen - Hanna Ahrendt, Philosophin.

Diese Nachricht wurde geändert von: onliner
  Profil   E-Mail   Website   Editieren   Zitieren
Ehemaliges Mitglied (#1460)
Posting-Schinder




Beiträge: 609

onliner schrieb am 25.05.2005 17:26
Du hast mir jetzt in vier dicken Absätzen gesagt, dass alles scheiße ist und das ich alles anders machen soll.

Nein, ich habe gesagt, dass Du, um es richtig zu machen, noch ne Menge lernen musst, und habe Dir die Schwachstellen aufgelistet. Weder will ich Deine Arbeit oder Dich beleidigen, noch will ich Dir Vorschriften machen. Was Du daraus machst, ist Dein Bier. Aber aus meiner Erfahrung heraus gibt es zahlreiche Leute, die gerne etwas richtig machen und gerne etwas lernen, und die ziehen aus meinen Kommentaren immer viel heraus.
Ne Lösung fürs Problem hast Du aber nicht?

Eine spezielle Lösung für Deine spezielle Anfrage? Nein. Nur Hinweise, wie es einfacher geht. Ich habe jetzt schon etlichen CSS-Einsteigern helfen können, und merke immer wieder, dass viele verzweifeln, weil sie CSS noch gar nicht richtig verinnerlicht haben. Viele bleiben geistig bei ihren Tabellenlayouts stehen und wollen sich davon nicht lösen und begreifen nicht, dass wenn sie das ganz vergessen und CSS völlig anders angehen, dass dann alles um einiges einfacher wird, als bei Tabellenmissbrauch.
Ich habe Dir Deine Schwächen aufgezeigt und Dir kurz gesagt, wie man es besser angeht.
Das bis ins Detail auszuformulieren, würde das Forum sprengen und mehr Zeit fressen, als ich habe


Dann kannst Du es von mir auch gerne zerreißen und zerpflücken.

Du musst nicht sauer sein, es war bloß gut gemeint. Es gibt Leute, die sind total dankbar für solche Kommentare und machen was draus und es gibt Leute, die meckern und motzen rum, dass sie das gar nicht wissen wollten. Kann ichs riechen? Die Mehrheit freut sich darüber. Und, wenn man es nicht hören will, dann überhört man es einfach. Ist doch das beste. Nee, also war nicht bös gemeint, mach was draus, oder nicht. Ist mir ja egal
Aber wenn Du nochmal nachfragst, und ich das lese, zerpflücke ich es auch gerne

Ansonsten betrachte es einfach als was es ist. Eine Spielerei mit etwas für mich neuem...

So hat wohl jeder mal angefangen. Ist ja auch kein Thema. Man kann ja trotzdem was draus machen. Oder eben auch nicht.
Was mich nur ein wenig stört ist, dass immer und immer mehr "solcher" Sites im WWW erscheinen, dass das WWW von quasi "schlechten" Sites, die mit Barrieren für manche Besucher verbunden sind, die nicht nutzbar sind, oder schlicht fürs Print-Design gemacht sind, aber sich für das Web nicht eignen, überschwemmt wird (nicht alle aufgezählten Sachen treffen auf Deine Site zu). Und die Unbekümmertheit der Leute "das ist doch nur ne private Site".

Aber egal...diese meine Meinung wird zu sehr off-topic.

Gruß,
-Efchen

  Profil   Editieren   Zitieren
languitar
Foren-Team




Beiträge: 2795

Efchen schrieb am 30.05.2005 10:48
Nein, ich habe gesagt, dass Du, um es richtig zu machen, noch ne Menge lernen musst, und habe Dir die Schwachstellen aufgelistet. Weder will ich Deine Arbeit oder Dich beleidigen, noch will ich Dir Vorschriften machen. Was Du daraus machst, ist Dein Bier. Aber aus meiner Erfahrung heraus gibt es zahlreiche Leute, die gerne etwas richtig machen und gerne etwas lernen, und die ziehen aus meinen Kommentaren immer viel heraus.


Wie bereits gesagt: Überleg dir doch mal wie dein Ton auf jemanden wirkt, der gerade mit CSS angefangen hat und noch halb daran verzweifelt? Das ist nicht gerade aufbauend.
Ich will damit gar nicht deine fachliche Kompetenz anzweifeln, aber es ist wirklich nicht sehr aufbauend, dass du jedem der hier mit CSS anfängt sagst, dass sein Ansatz kompletter Unfug ist. Hilf den Leuten doch Lieber und zeig ihnen dabei wie es eigentlich besser ginge. Ohne Aha-Erlebnisse etwas lernen ist nämlich ziemlich unbefriedigend.

Diese Nachricht wurde geändert von: languitar
  Profil   Editieren   Zitieren
Seite 1 | 2  

Antworten
Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » Hintergrundbild wird i...

Aktuelle Beiträge zur Hilfe im Forum für Homepage - Hintergrundbild wird im FF und NS nicht angezeigt im Forum Homepage Hosting AntwortenLetztes Posting
Unvorhersehbare Layout-Verschiebungen auf meiner Seite - Ideen?
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
0 20.08.2023 20:14 von Freud
Geschenkidee zum Geburtstag
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
2 14.04.2022 16:08 von bryleth03
Webdesigner gesucht
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
2 10.12.2021 15:04 von Rieke
Welcher Hoster ist der Beste?
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
1 10.12.2021 15:02 von Rieke
Warum Wordpress?
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
6 05.07.2021 18:27 von Rieke
Die Idee einen Blog zu führen
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
2 27.02.2021 09:50 von Samira2021
zu viele css dateien?!
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
4 19.01.2021 19:20 von Laurena
WIe kann ich Datum ausblenden?
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
1 23.11.2020 12:21 von noahradar96
Tabelle mit Mannschaftslogos
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
3 23.10.2019 14:54 von andyy
Eigene Website erstellen - kostenlos!
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
0 17.05.2019 15:01 von Fusselchen



Besucher : 7981710    Heute : 114     Gestern : 292     Online : 27     20.4.2024    8:41      0 Besucher in den letzten 60 Sekunden        
Nach oben