Loon3y
Neues Mitglied
Moinsen,
mal wieder ein kleines Poblemchen...
Ist von einem eventuelle Bug im FF bekannt, welcher mir den background nicht auf "bottom" setzt.
Ich habe folgende CSS Angaben:
und im html folgendermaßen:
Jetzt habe ich das erste Problem "gelöst":
Sidebar soll immer 100% des main-<div> sein. Das geht soweit, allerdings habe ich nun das Problem, dass mein Background-Hintergrund sich nicht auf "bottom" setzten lässt, er hängt ca bei 50% der Seite im Firefox. Im IE geht es, aber darauf kann man eigentlich keinen Wert legen....
Woran kann das liegen? Hab ich etwas übersehen?
Anbei...habe das CSS und HTML stark verkürzt...da das Intern ist und ich natürlich nicht so wirklich was posten kann..
Gruß
Loon3y
mal wieder ein kleines Poblemchen...
Ist von einem eventuelle Bug im FF bekannt, welcher mir den background nicht auf "bottom" setzt.
Ich habe folgende CSS Angaben:
Code:
* { margin:0; padding:0; }
html,body { height:100%; }
body { font-size:100.01%; font-family:Arial, Tahoma, Geneva, Helvetica, sans-serif; line-height:1.2em;
background-image: url("########");
background-position:bottom;
[B] background-attachment: fixed;[/B]
background-repeat:repeat-x;
}
#over { width:57.375em; background-color: #FFF; margin:0em auto; font-size: 1em; }
/********************************************************/
/* HEADER */
#header { width: 57.375em; height: 5.562em; }
#header h1 { font-size: 1em; float:left; }
#header h1 img { width: 10.125em; height: 4.062em; margin-left:1.8em; display:block; }
/* Navi & Subnavi gelöscht */
/********************************************************/
/* MAIN */
#main { width: 57.375em; background-color:#F1F1F1; position:absolute; }
/* SIDEBAR */
#sidebar {
width: 10em;
min-height: 100%; /* Mindesthöhe für moderne Browser */
height:100%; /* Mindesthöhe für IE <7 */
left:1.8em;
position:absolute;
z-index:2;
color:#fff;
background-color:#E60003;
}
/* FLASH */
#flash { width:100%; }
#flash img { width: 45em; height: 17.5em; float:right; }
#flash .flashnavi { width:43em; height: 2.5em; border:1px solid; float:right; margin:0em 1em; }
/* CONTENT */
#content { width: 44.5em; margin: 2em 0em 0em 12.25em; clear:both; }
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>TEST</title>
<meta http-equiv="Content-Type" content="texthtml; charset=utf-8" />
</head><body>
<div id="over">
<div id="header">
<h1><a href="#"><img src="http://www.html.de/images/fw/header.png" width="162" height="65" alt="Willkommen auf TechniSat.de" /></a></h1>
<!-- NAVI -->
<!-- SUB NAVI -->
</div>
<div id="main">
<div id="sidebar">
</div>
<div id="flash">
<div class="flashnavi">
</div>
</div>
<div id="content">
</div>
</div>
</div>
</body></html>Sidebar soll immer 100% des main-<div> sein. Das geht soweit, allerdings habe ich nun das Problem, dass mein Background-Hintergrund sich nicht auf "bottom" setzten lässt, er hängt ca bei 50% der Seite im Firefox. Im IE geht es, aber darauf kann man eigentlich keinen Wert legen....
Woran kann das liegen? Hab ich etwas übersehen?
Anbei...habe das CSS und HTML stark verkürzt...da das Intern ist und ich natürlich nicht so wirklich was posten kann..
Gruß
Loon3y
Zuletzt bearbeitet:
