|
|||
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; } ...... ...... 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> Lg Emilly |
Sponsored Links |
|
||||
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) |
Sponsored Links |
|
|||
Wenn ich die Hintergrundgrafik direkt aufrufe, meldet Funpic "nicht verfügbar".
|
|
|||
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 |
|
||||
Hi,
Zitat:
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; } Klaus
__________________
Ein mehrfacher Gruß aus dem Südosten Klaus |
|
||||
Hi,
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 |
Sponsored Links |
Stichwörter |
background, div, footer, wrap |
Themen-Optionen | |
Ansicht | |
|
|
Ä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 |