tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
4
ZUGRIFFE
480
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. 24.06.08 13:21 #1
    nickdesignz nickdesignz ist offline Grünschnabel
    Registriert seit
    Jun 2008
    Beiträge
    3
    `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 :
    1
2

    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 :
    1
2
3
4
5
6
7
8
9

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

    HTML Code

    Code :
    1
2
3

    <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 :
    1
2
3
4
5
6
7
8

           #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
    Geändert von nickdesignz (24.06.08 um 13:38 Uhr) Grund: problem 1 gelöst!
     
  2. 24.06.08 13:42 #2
    Maik Tutorials.de Gastzugang
    Hi,
    Zitat Zitat von nickdesignz Beitrag anzeigen

    wurde mit width: 100% gelöst, nun muss ich was finden für den IE7
    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
     
  3. 24.06.08 13:50 #3
    nickdesignz nickdesignz ist offline Grünschnabel
    Registriert seit
    Jun 2008
    Beiträge
    3
    Zitat Zitat von Maik Beitrag anzeigen
    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
    hier is mein kopfbereich!

    Code :
    1
2

    <!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>
    CSS CODE

    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

        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;
}
    Geändert von nickdesignz (24.06.08 um 13:51 Uhr) Grund: vertipselt
     
  4. 24.06.08 13:57 #4
    Maik Tutorials.de Gastzugang
    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
     
  5. 24.06.08 14:01 #5
    nickdesignz nickdesignz ist offline Grünschnabel
    Registriert seit
    Jun 2008
    Beiträge
    3
    Zitat Zitat von Maik Beitrag anzeigen
    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

    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
     
« Fehler in Google Maps | bilder in div vertikal zentrieren »

Ähnliche Themen

  1. Footer will kein Footer sein
    Von thigle im Forum CSS
    Antworten: 30
    Letzter Beitrag: 14.02.10, 22:15
  2. Footer soll immer unter main sein
    Von Merbi im Forum CSS
    Antworten: 2
    Letzter Beitrag: 11.08.07, 08:28
  3. "Framedesign" mit CSS: Header und Footer sollen sticky sein
    Von dshock im Forum CSS
    Antworten: 2
    Letzter Beitrag: 30.08.06, 15:48
  4. Footer steht nicht da wo er hin soll!
    Von kirchel im Forum CSS
    Antworten: 3
    Letzter Beitrag: 20.08.06, 17:13
  5. wmplay - was soll das sein?
    Von zeromancer im Forum Microsoft Windows
    Antworten: 11
    Letzter Beitrag: 24.04.04, 20:05