08-01-2010, 18:53
|
|
|
|
חבר מתאריך: 30.04.05
הודעות: 1,164
|
|
מילוי אזור ריק ע"י DIV
שלום,
התחלתי לבנות אתרים בשיטת ה CSS וה- DIV במקום השיטה הישנה של TABLES
ואני נתקע בבעיות שהבנתי הן קלאסיות אך טרם מצאתי או הבנתי את הפתרון להן.
הבעיה:
יש לי מבנה אתר בסיסי ביותר:
נניח שאני יודע ש Header בעל 50px אורך
וברצוני ש Content ו Navigation יתפשו 100% מהאזור הנותר כלומר כתלות בגודל
הדפדפן.
אולם באופן מוזר 100% אורך, פועל כהורשה(מקבל את אורך ה BODY כולו) ולא 100% הנותר של ה BODY המכיל אותו .
איך פותרים בעיה זו ?
תודה.
הקוד :
קוד:
<!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>
<title></title>
<style type="text/css">
body,head,html {
width:100%;
height:100%;
margin :0px;
padding:0px; }
#div_Header{
width:100%;
height:50px;
background-color:Blue;}
#div_Navigation {
float:left;
height:100%;
width:150px;
background-color:Green }
#div_Content {
height:100%;
width:100%;
background-color:Red }
</style>
</head>
<body>
<div id="div_Header" >Header</div>
<div id="div_Navigation" >Navigation</div>
<div id="div_Content" >Content</div>
</body>
</html>
_____________________________________
Sapere aude
|