Navi wird nicht mit height:auto in die länge gezogen
nokill
- css
Hi,
habe jetzt ein layout mit css und <div>-Tags gemacht aber die Navi wird nicht so wie ich es will dargestellt ich habe die navi auf height:100% und height:auto gestellt aber es funkrtioniert nicht die navi wird nicht bis auf das max gezogen
hier die ganz .css-Datei:
html, center { width:100%; height:auto; }
#navi_left, #navi_right { text-align:left;
width:125px;
height:100%;
padding-left:2px;
border-width:medium;
border-color:#718EC9;
border-style:double;
border-bottom-style:none;
}
body { background-color:#84A8BF;
margin:0px;
width:100%;
height:auto;
}
#body { background-color:#84A8BF;
margin:0px;
height:auto;
width:1018px;
float:none;
}
#head { background-color:#CDDBE8;
margin:0px;
width:100%;
height:100px;
}
#navi_left { background-color:#CDDBE8;
float:left;
}
#site { background-color:#84A8BF;
float:left;
text-align:left;
width:750px;
height:auto;
}
#navi_right { background-color:#CDDBE8;
float:right;
}
#footer { background-color:#CDDBE8;
font-size:12px;
width:1018px;
height:33px;
text-align:center;
clear:both;
border-width:medium;
border-color:#718EC9;
border-style:double;
}
schon einmal danke im vorraus
mfg nokill
Hi,
Schönes CSS. Aber wertlos ohne das zugehörige Dokument.
html, center { width:100%; height:auto; }
body { background-color:#84A8BF;
margin:0px;
width:100%;
height:auto;
}
Hm. Wenn Du irgendwas auf Höhe 100% haben willst, sollten alle Vorfahrenelemente ebenfalls diese Höhe haben, also auch html und body.
#body { background-color:#84A8BF;
margin:0px;
height:auto;
width:1018px;
float:none;
}
1018px Breite? Damit dürfte es auch bei 1024er Bildschirmen in vielen Fällen noch einen horizontalen Scrollbar geben...
#navi_left { background-color:#CDDBE8;
float:left;
}
Ohne Dokument kann ich nur vermuten, daß hier die erforderliche Breitenangabe fehlt.
#navi_right { background-color:#CDDBE8;
float:right;
}
Ohne Dokument kann ich nur vermuten, daß hier die erforderliche Breitenangabe fehlt.
cu,
Andreas
Hallo MudGuard,
hier das Dokument:
<?
//includes
include("includes/master.php");
include("includes/meta/master_meta.php");
include("includes/head.php");
include("includes/navi_left.php");
include("includes/navi_right.php");
include("includes/footer.php");
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title><? echo $titel; ?></title>
<? echo $meta; ?>
<link rel="stylesheet" type="text/css" href="css/layout.css">
</head>
<body>
<center>
<div id="body">
<div id="head">
<? echo $head; ?>
</div>
<div id="navi_left">
<? echo $navi_left; ?>
</div>
<div id="site">
<? include("includes/site.php"); ?>
</div>
<div id="navi_right">
<? echo $navi_right; ?>
</div>
<div id="footer">
<? echo $footer; ?>
</div>
</div>
</center>
</body>
</html>
mfg nokill
Hi,
hier das Dokument:
Das bestätigt meine beiden Vermutungen bzgl. der fehlenden Breitenangabe.
cu,
Andreas
Hi,
was haben die breitenangaben mit den Höhen zu tun?
Ich will doch nur, dass die Navis auf die max. Längegezogenwerden.
mfg nokill
hi,
was haben die breitenangaben mit den Höhen zu tun?
mit denen nichts.
aber float erfordert die _explizite_ angabe einer breite.
(ausser bei replacend inline elementen wie z.b. bildern.)
gruss,
wahsaga
Hi ,
#navi_left { background-color:#CDDBE8;
float:left;
}Ohne Dokument kann ich nur vermuten, daß hier die erforderliche Breitenangabe fehlt.
#navi_right { background-color:#CDDBE8;
float:right;
}
hier ist die Höhenangabe:
#navi_left, #navi_right { text-align:left;
width:125px;
height:75%;
padding-left:2px;
border-width:medium;
border-color:#718EC9;
border-style:double;
border-bottom-style:none;
}
mfg nokill