✔ footer soll durchgehend sein?

Status
Nicht offen für weitere Antworten.
N

nickdesignz

Grünschnabel
`Hy Ihr,

ist mein erster Beitrag, also bitte net so bös zu neulingen sein :)
Hy erstmal!

folgendes prob, bei bg durch ein Bild sieht das ja so aus

beispiel;

Code: 
background-image: url(../Picture/Bilder/bg_01.jpg);
background-repeat: repeat-x;

verlängert sich ja rechts unendlich!

Wie krieg ich das nun hin das sich der footer unten am rand befindet und sich nach rechts automatisch verlängert? Hintergrund ist hier eine bg farbe?

bei mir springt der hin und her beim IE und FF

beispiel;

Code: 
#footer {
	padding: 0;
	background-color: #999999;
	position:absolute;
	bottom:0px;
	height: 35px;
	width: inherit;
	padding-bottom: 10px;
    }

HTML Code

Code: 
<div id="footer">
<div align="center">footer</div>
</div>

ps: beim IE ist der Footer mittig und beim FF ist der ganz links in der ecke! :(

danke euch schon mal für die Antworten?



// alles klar hab das prop im FF gelöst,

Code: 
       #footer {
	margin: 0;
	padding: 0;
	color: #000000;
	position: fixed;
	bottom: 0px;
	width: 100%;
	background-color: #999999;

wurde mit width: 100% gelöst, nun muss ich was finden für den IE7
 
Zuletzt bearbeitet:
Maik hat gesagt.:
Hi,
vermutlich übergibst du das HTML-Dokument derzeit den Browsern im "Quirksmode", denn im standardkonformen Modus unterstützt der IE7 den position-Eigenschaftswert fixed.

mfg Maik
Zum Vergrößern anklicken....

hier is mein kopfbereich!

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">


ich poste mal kurz den kompletten HTML CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Hannah - Marie - Newman | Main</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>

<body class="hannah">

<div id="container">
<div id="header"></div>
<div id="navigation"></div>
<div id="mainContent">
<h1> Hauptinhalt </h1>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h2>H2-Überschrift </h2>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
</div>
<div id="footer">footer</div>
</body>
</html>
Zum Vergrößern anklicken....

CSS CODE

Code: 
    body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center; 
	color: #000000;
	background-image: url(../Picture/Bilder/bg_01.jpg);
	background-repeat: repeat-x;
    }
.hannah 
#container {
	width: 900px;
	margin: 0 auto;
	text-align: left;
    }
.hannah  #header {
	background-image: url(../Picture/Bilder/header_02.jpg);
	height: 323px;
	width: 1024px;
    } 
.hannah   #navigation {
	height: 50px;
	width: 900px;
	margin-top: 18px;
    } 
.hannah  #mainContent {
	padding: 0 100px;
    }
.hannah  #footer {
	margin: 0;
	padding: 0;
	color: #000000;
	position: fixed;
	bottom: 0px;
	width: 100%;
	background-color: #999999;
}
 
Zuletzt bearbeitet:
Wenn du auch tatsächlich width:100%, und nicht width:inherit deklarierst, sowie die Positionsangabe left:0 hinzufügst, stellt der IE7 den Footer, wie die übrigen standardkonformen Browser, korrekt dar.

mfg Maik
 
Maik hat gesagt.:
Wenn du auch tatsächlich width:100%, und nicht width:inherit deklarierst, sowie die Positionsangabe left:0 hinzufügst, stellt der IE7 den Footer, wie die übrigen standardkonformen Browser, korrekt dar.

mfg Maik
Zum Vergrößern anklicken....


Alles klar,war fehler von dreamweaver :S

hab ständig f12 gedrückt um FF Fesnter zu öffnen um zu gucken ob sich was geändert hat, bei IE7 hab ich einfach nur aufs fenster gedrückt und F5 gedrückt. Man muss aber in Dreamweaver IE Fenster öffnen lassen, dann haut die aktualisierung auch hin.

Danke dir Maik, hast mir weitergeholfen!

mfg Patrick
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück