Padding-Left und width: 100%

koDiacc · #1 (**permalink**) 22.09.2004, 11:37

Code:

CSS:

[...]
/* --------------- LAYOUT ---------------- */

html, body {
  height: 100%;
  margin: 0 auto;
  padding: 0px;
  font-family: Arial;
  font-size: 12px;

}

#container {
  height: 100%;
  border: 1px solid blue;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

#logo {
  width: 100px;
  height: 88px;
  position: absolute;
  left: 0;
  top: 0;
}

#header-left {
  width: 200px;
  height: 88px;
  background-image: url('gfx/zaro_02.jpg');
  background-repeat: no-repeat;
  margin-right: -3px;
  position: absolute;
  left: 100px;
  top: 0;
}

#header-right {
  height: 88px;
  background-image: url('gfx/zaro_03.jpg');
}


#a1 {
  position: absolute;
  left: 0;
  bottom: 0;
  background-image: url('gfx/zaro_06.jpg');
  background-repeat: no-repeat;
  height: 100px;
  width: 99px;
}



#content {
  position: absolute;
  top: 88px;
  bottom: 0px;
  width: 100%;
  overflow: auto;
  border: 1px solid red;
  background-image: url('gfx/zaro_04.jpg');
  background-repeat: repeat-y;
  padding: 10px 0px;

}

#footer {
  clear: both;
  text-align: center;
  height: 20px;
  position: absolute;
  bottom: 0;
  width: 200px;
  margin-left: -100px;
  left: 50%;
}
[...]

Code:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="style.css">
  </head>
  <body>
    <div id="container">
      <div id="logo">
        [img]gfx/zaro_01.jpg[/img]
      </div>
      <div id="header-left">
      </div>
      <div id="header-right">
      </div>
      </div>
      <div id="content">
        <div id="a1"> 
          <ul>[*]Technik[*]Bauweisheiten[*]Impressum
            <?php
            if(!isset($_SESSION['logged_in']) || $_SESSION['logged_in']!="yes") { ?>[*]Login
            <? }
            else { ?>[*]Logout
            <? } ?>[/list]        </div>
        <?php
          if(!file_exists($include)) {
            echo "404 - Seite nicht gefunden";
          }

          else {
            include($include);
          }
        ?>
      <div id="footer">
        (c) by Dominique Lüber
      </div>
      </div>
    </div>
  </body>
</html>

So wies jetzt ist geht es ja... nur füge ich dem CONTENT padding-left: 110px zu, addiert er es rechts zu dem width: 100% hinzu.. Gibt es ne möglichkeit da was zu tricksen ohne nochmal nen Content DIV zu machen ?!

Ausserdem geht die Seite im IE nicht ganz .. ich bräuchte nen height: 100% im Content DIV für den IE oder so .. ka.. Der IE kann mit dem bottom: 0; nämlich nichts anfangen .. 100% height hab ichs selbe problem wie oben eben angesprochen :/

ulle · #2 (**permalink**) 22.09.2004, 16:29

Ähmm....

Hatte ich Dir nicht eine Menge Infos an die Hand gegeben,

hier

http://www.xhtmlforum.de/viewtopic.php?p=9792

Da ging es um, - height: 100% - BOX-Model ....... usw.

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
CSS - CMS - lange Menus Balken/BG oben?	shinobi	CSS	3	13.10.2011 21:12
Webseite für Smartphones Optimieren.	Cybertronic	CSS	8	25.08.2011 11:44
Dynamische Größen	Killhunter	CSS	0	14.05.2011 16:56
Problem mit CSS Style	flo007	CSS	3	25.01.2009 17:08
Css Neuling Bräuchte Hilfe	wc3_monster	CSS	2	03.12.2008 22:23