mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Do 25.04.2024 01:55 Benutzername: Passwort: Auto-Login

Thema: [css] footer nicht unten?(noch nicht gelöst!) vom 25.04.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [css] footer nicht unten?(noch nicht gelöst!)
Seite: Zurück  1, 2
Autor Nachricht
Sunlifestyle
Threadersteller

Dabei seit: 20.12.2005
Ort: Hoyerswerda bei Dresden
Alter: -
Geschlecht: Männlich
Verfasst Do 03.05.2007 12:47
Titel

Antworten mit Zitat Zum Seitenanfang
ja..also ich habe das ganze nochmal mit deinem lösungsansatz probiert..aber es klappt nicht.dein bsp. habe ich getestet und es geht.
ich habe in meiner css alles beachtet was du auch beachtet hast, doch leider will es nicht.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
pixelomi

Dabei seit: 05.12.2006
Ort: Hamburg
Alter: 62
Geschlecht: Weiblich
Verfasst Do 03.05.2007 17:43
Titel

absolute oder relative - text vom footer verdeckt

 Antworten mit Zitat Zum Seitenanfang
hi, bin zufällig auf dein problemchen mit dem footer verdeckt den text gestossen und hab mir dein css mal angeschaut. also, das du immer absolute positionswerte benutzt ist ja schön für die absolute positionierung im browser allerdings, verhindert diese die dynamische darstellung des content bzw. dessen größe/länge. weil sich die absolute positionierung in deinem css immer auf den browser beziehen muss, wird der footer immer am unteren rand des browsers dargestellt und verdeckt dann alles andere. um das dynamische wachsen des content-bereiches zu gewährleisten empfiehlt es sich relative zu positionieren. anbei ein quickfix deines codes, auf ie6 und firefox 2 getestet.

lieben gruß und viel erfolg von der pixelomi:)
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=iso-8859-1" />
<title>test</title>
<style type="text/css" title="currentStyle">
* {
   margin:0;
   padding:0;
}
body,html {
   height: 100%;
   background-color:#000000;
}
#outer{display:block;}
#mainhg {
   position:relative;
   margin-left:50px;
   width:900px;
   min-height:100%;
   height:auto !important;
   height:100%;
   background:#fff;
}
#overhead {
   position: relative;
   width: 900px;
   top: 0px;
   left: 0px;
   height: 20px;
   background-color:#FFFFFF;
}
#banner {
   position: relative;
   width: 900px;
   top: 20px;
   left:0px;
   height: 200px;
   background-color:#00CCFF;
}
#head {
   position:relative;
   width: 900px;
   top: 0;
   height: 20px;
   left:0px;
   background-color:#FF9900;
}
#content {
   margin-top:0;
   width: 570px;
   float:left;
   height: auto;
   background-color:#FFFFFF;
   padding-left: 10px;
   margin-bottom: 1.5em;
}
#right {
   float: left;
   margin-top:0;
   width: 155px;
   border-left:1px;
   border-left-color:#CCCCCC;
   border-left-style:dotted;
   padding-left:4px;
   background-color:#9999CC;
}
#left {
   float:left;
   margin-top:0;
   width: 155px;
   background-color:#CCCCFF;
}
#foot2 {
   position:relative;
    width: 900px;
    background: #CCC;
    clear: both;
    bottom: 0px;
    height: 20px;
   background-color:#00FFFF;
}
#foot {
   position:relative;
   width: 900px;
   background: #CCC;
   clear: both;
   bottom: 0px!important;
   bottom: -1px;
   height: 200px;
   background-color:#FF9999;
}

</style>
</head>
<body>
<div id="outer">
<div id="mainhg">
  <div id="overhead">
   <div align="right">der kopf der gang
   </div>
   </div>
   <div id="banner">der banner</div>

   <div id="head">
      <div align="right">zwischenspalte</div>
   </div>
  <div id="left">
   linke spalte
   </div>
   <div id="content">
     <p>der content</p>
   <br />
     <p>test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test </p>
     <p>test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test    test test test test test test test test test test test test test test test test test test test test test test</p>
   <p>--------------</p>
   <p>test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test </p>
     <p>test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test    test test test test test test test test test test test test test test test test test test test test test test</p>
   <p>test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test </p>
     <p>test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test    test test test test test test test test test test test test test test test test test test test test test test</p>
   <p>--------------</p>
   <p>test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test </p>
     <p>test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test    test test test test test test test test test test test test test test test test test test test test test test</p>
   <p>test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test </p>
     <p>test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test    test test test test test test test test test test test test test test test test test test test test test test</p>
   <p>--------------</p>
   <p>test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test </p>
     <p>test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test    test test test test test test test test test test test test test test test test test test test test test test</p>
   <p>test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test </p>
     <p>test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test    test test test test test test test test test test test test test test test test test test test test test test</p>
   <p>--------------</p>
   <p>test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test </p>
     <p>test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test    test test test test test test test test test test test test test test test test test test test test test test</p>
   <p>test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test </p>
     <p>test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test    test test test test test test test test test test test test test test test test test test test test test test</p>
   <p>--------------</p>
   <p>test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test </p>
     <p>test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test    test test test test test test test test test test test test test test test test test test test test test test</p>

  </div>
   <div id="right">
   <p>2haha</p>
   <p>so das ist die rechte spalte</p>
  </div>
 
   <div id="foot2">
        <div align="center">footer2</div>
   </div>
  <div id="foot">footer1
  </div>
</div>
</div>
<body>
</body>
</html>
  View user's profile Private Nachricht senden
Anzeige
Anzeige
 
Ähnliche Themen (gelöst)einzelne Verlinkung zu Audio-Player ?(gelöst)
(gelöst) Joomla! ? Schriftproblem (sehr merkwürdig) (gelöst)
Problem mit Footer
Footer Probleme
[css] - Footer Problem
CSS - Footer immer am Ende
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB