zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden background-image (+Footer im FF) funktioniert nicht

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 14.08.2008, 13:37
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.08.2008
Beiträge: 4
emilly_0815 befindet sich auf einem aufstrebenden Ast
Standard background-image (+Footer im FF) funktioniert nicht

Hallo..
Beschäftige mich jetzt schon seit langen mit meinem großen/kleinen Problem. Und zwar wird meine Hintergrundgrafik nicht dargestellt. und das zweite Problem das ich habe, ist dass mein Text des div "content" über den Footer (div "Fussleiste") hinausläuft, anstatt dass sich der Footer nach unten verschiebt (im IE funktionierts zwar.. aber das hat ja anscheinend nichts zu bedeuten..). Hier der Link dazu: Seminarzentrum - Lydia Zangerl

Versucht hab ichs mit folgender CSS-Formatierung:
Code:
body {
font: normal 100.01% Verdana, Arial, sans-serif;
color: #696969; background-color: #fff;
}
html, body {
     margin:0;
     padding:0;
     height:100%;
}
#wrap {
min-height: 100%;
background-image:url('images/background.jpg'); 
background-repeat: no-repeat;
padding: 0; 
width: 860px;
margin: 0 auto;
text-align: left;
border-left: 1px solid #999;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-top: 1px solid #999;
}
* html #wrap {
     height: 100%;
}
#header {
width: 860px;
height: 180px;
}
#navigation {
font-family: Verdana;
width: 842px;
height: 20px;
}
........
........
#content {
line-height: 1.5; 
float: left;
margin: 20px 0 0 0;
height: 400px; /*Bereich ist leer*/
width: 659px;
font-size: 14px;
font-family: Verdana;
color: #696969;
}
#sidebar {
float: right;
margin: 100px 0 0 0;
height: 400px;
width: 200px;
font-family: Verdana;
top: 0;
}
........
........
#fussleiste { 
 background: #E3E3E3; 
 height: 20px; 
 width: 860px;
 margin: 0 auto;
 text-align: center;
 float:center;
 clear:both;
}
......
......
und folgendem html:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
  <title>Seminarzentrum - Lydia Zangerl</title>
    <link href="css/basics_3.css" rel="stylesheet" type="text/css">
  </head>
<body>

<div id="wrap">
<div id="header">
<img src="images/logo.jpg"
width="400" height="173" align="left" alt="Shekaina" >
</div><!--Beendet das div "header"-->

<div id="navigation">
  <ul id="navigation">
    <li><a href="index.htm">Home</a></li>
    <li><a href="zentrum.html">Zentrum</a></li>
    <li><a href="uebermich.html">Ich über mich</a></li>
    <li><a href="seminare.html">Seminare/Vorträge</a></li>
    <li><a href="einzelberatung.html">Einzelberatung</a></li>
    <li><a href="clearing.html">Clearing</a></li>
    <li><a href="programm.html">Programm</a></li>
  </ul>
</div><!--Beendet das div "navigation"-->
<div id="content">
<h1 id="seitenanfang">Überschrift</h1>
<p>
TextTextTextText
TextTextTextText
usw.
</p>
</div><!--Beendet das div "content"-->
<div id="sidebar">
<p><a href="kontakt.html">Kontakt</a></p><br />
<p><a href="anreise.html">Anreise</a></p><br />
<p><a href="http://www.onlyfree.de/cgi-bin/gastebuch/books/3825.cgi">Gästebuch</a></p><br />
<p><a href="impressum.html">Impressum</a></p>
</div><!--Beendet das div "sidebar"-->
<div id="fussleiste">
<a class="linkk" href="#seitenanfang">nach oben</a>
</div><!--Beendet das div "fussleiste"-->
</div><!--Beendet das div "wrap"-->
</body>
</html>
Wär spitze wenn mir da jemand helfen könnte..!
Lg Emilly
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 14.08.2008, 14:25
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Hi,

ohne jetzt in die Tiefe zu gehen:
schmeiss height für #sidebar und #content raus und cleare direkt nach dem Ende von #sidebar, das sollte helfen.

Der IE schließt die floats fälschlicherweise automatisch ein, deshalb siehts da meist besser aus.

Setze padding/margin ein um die Höhe zu steuern.

Falls du gleichlange Spalten brauchst nimmst du dieFaux Columns Technik.

Gruß
Klaus

edit. Ach ja, den footer würde ich im Quelltext erst nach der #sidebar notieren.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus

Geändert von hubspe (14.08.2008 um 14:28 Uhr)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 14.08.2008, 16:15
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.08.2008
Beiträge: 4
emilly_0815 befindet sich auf einem aufstrebenden Ast
Standard

Danke! - schaut schon viel besser aus! Nur die Hintergrundgrafik will noch nicht..
Weisst für dieses Problem eventuell auch noch einen Rat?
Lg
Emilly
Mit Zitat antworten
  #4 (permalink)  
Alt 14.08.2008, 16:50
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Hi,

warum die HG-Grafik nicht angezeigt wird ist schwer zu sagen.

Hast du richtig auf die Grafik referenziert, ist sie im richtigen Format im richtigen Ordner und hochgeladen?

Normal schreib ich das so:
Code:
#wrap  {
    background:url(images/background.jpg) no-repeat left top;
}
Die Anführungszeichen innerhalb der Klammer kannst du weglassen und Positionsangabe ist auch nicht verkehrt.

Aber im Grunde kann ich nur raten.

Gruß
Klaus
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
  #5 (permalink)  
Alt 14.08.2008, 16:54
EvT EvT ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.09.2006
Ort: Bad Wildungen
Beiträge: 2.220
EvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekannt
Standard

Wenn ich die Hintergrundgrafik direkt aufrufe, meldet Funpic "nicht verfügbar".
Mit Zitat antworten
  #6 (permalink)  
Alt 14.08.2008, 17:14
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.08.2008
Beiträge: 4
emilly_0815 befindet sich auf einem aufstrebenden Ast
Standard

Doch direkt aufrufen geht schon.. http://shekainaat.sh.funpic.de/images/background.jpg
Bei deinem Link hat sich css/ vor images eingeschlichen..
hab meinen fehler immer noch nicht herausgefunden.. werd mal
weitertüfteln.. wenn wer eine idee hat kann sich gern melden
Trotzdem danke für die Bemühungen!!
Lg Emilly
Mit Zitat antworten
  #7 (permalink)  
Alt 14.08.2008, 18:10
Benutzerbild von inta
free as in freedom
XHTMLforum-Kenner
 
Registriert seit: 04.12.2006
Ort: Berlin
Beiträge: 5.016
inta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz sein
Standard

Zitat:
Zitat von emilly_0815 Beitrag anzeigen
Bei deinem Link hat sich css/ vor images eingeschlichen..
Der Link von EvT ist genau der, den du in deinem Code angegeben hast.
Wenn der images-Ordner auf der gleichen Ebene wie der css-Ordner liegt, dann ist dein Pfad falsch.
Mit Zitat antworten
  #8 (permalink)  
Alt 14.08.2008, 19:03
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Hi,

Zitat:
Zitat von inta Beitrag anzeigen
Der Link von EvT ist genau der, den du in deinem Code angegeben hast.
Wenn der images-Ordner auf der gleichen Ebene wie der css-Ordner liegt, dann ist dein Pfad falsch.
jau.

Da hätte ich auch mal dran denken können.

Dann sollte sie wohl mal das probieren:
Code:
#wrap  {
    background:url(../images/background.jpg) no-repeat left top;
}
Gruß
Klaus
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
  #9 (permalink)  
Alt 14.08.2008, 19:09
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.08.2008
Beiträge: 4
emilly_0815 befindet sich auf einem aufstrebenden Ast
Standard

Ah.. Super Danke!! Jetzt funktioniert alles!!

Lg Emilly!
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 14.08.2008, 19:13
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Hi,

Zitat:
Zitat von emilly_0815 Beitrag anzeigen
wo seht ihr das? kann den falschen pfad nicht finden..
lg
Du mußt von deiner CSS-Datei auf die Grafik referenzieren.

Wenn du einen Ordner hast in dem deine CSS-Dateien liegen und einen wo deine Bilder drin sind und die sind auf einer Ebene, dann mußt du erst den CSS-Ordner mit ../ verlassen und dann in den image-Ordner mit images/background.jpg einsteigen.

Zusammenhängend, siehe mein letztes Posting.

Gruß
Klaus

edit. zu langsam!
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
Sponsored Links
Antwort

Stichwörter
background, div, footer, wrap

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Float-Problem? mischaef CSS 33 20.10.2010 17:20
Untermenü im IE nici CSS 10 22.06.2009 22:19
Grafik in ein Template als Hintergrund einbinden. monsun CSS 0 30.06.2008 13:58
Linkverhalten im IE6 ChOpSueY! CSS 19 19.05.2008 23:48
Probleme mit dem Border im IE6 bullseye CSS 9 30.10.2007 17:21


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:06 Uhr.