E
enkara
Hi, I'm starting with php and I have a problem with layers. I want my
page to have four different parts: menu, header, tools and content.
I want to use layers, but I can't make them fit the page. In this page
you can see the result:
http://es.geocities.com/deumy/base.html
My question is: Why the layers don't fit the page? they leave blank
spaces! How do I have to do it?
I paste the code:
base.html:
<html>
<head>
<title><?php echo $this->escape($this->title); ?></title>
<link rel="stylesheet" type="text/css" media="screen"
href="site.css" />
</head>
<body>
<div id="Header"></div>
<div id="Menu"></div>
<div id="Tools"></div>
<div id="content"></div>
</body>
</html>
site.css:
#Content {
position:absolute;
width:85%;
height:80%;
z-index:4;
left: 15%;
top: 20%;
}
#Header {
position:absolute;
width:100%;
height:15%;
z-index:1;
left: 0px;
top: 0px;
background-color: #E1FF88;
}
#Menu {
position:absolute;
width:15%;
height:85%;
z-index:3;
top: 15%;
left: 0px;
background-color: #FFB18C;
}
#Tools {
position:absolute;
width:85%;
height:5%;
z-index:2;
left: 15%;
top: 15%;
background-color: #D8AFEB;
}
Thank you very much!!!!!!!!
page to have four different parts: menu, header, tools and content.
I want to use layers, but I can't make them fit the page. In this page
you can see the result:
http://es.geocities.com/deumy/base.html
My question is: Why the layers don't fit the page? they leave blank
spaces! How do I have to do it?
I paste the code:
base.html:
<html>
<head>
<title><?php echo $this->escape($this->title); ?></title>
<link rel="stylesheet" type="text/css" media="screen"
href="site.css" />
</head>
<body>
<div id="Header"></div>
<div id="Menu"></div>
<div id="Tools"></div>
<div id="content"></div>
</body>
</html>
site.css:
#Content {
position:absolute;
width:85%;
height:80%;
z-index:4;
left: 15%;
top: 20%;
}
#Header {
position:absolute;
width:100%;
height:15%;
z-index:1;
left: 0px;
top: 0px;
background-color: #E1FF88;
}
#Menu {
position:absolute;
width:15%;
height:85%;
z-index:3;
top: 15%;
left: 0px;
background-color: #FFB18C;
}
#Tools {
position:absolute;
width:85%;
height:5%;
z-index:2;
left: 15%;
top: 15%;
background-color: #D8AFEB;
}
Thank you very much!!!!!!!!