April 17th, 2004, 04:19 PM
|
 |
Contributing User
|
|
Join Date: Sep 2001
Posts: 289
Time spent in forums: < 1 sec
Reputation Power: 8
|
|
|
Problems with CSS layouts
I'm having an issue with a CSS layout I"m working on.
1.For some off reason the div element for my page footer appears to think its inside of the mbox div.
no matter what I have tried I can't get the pagebot div to the bottom of browser.
2. Width of 100% still leaves 30 or so px's on the right, any reason for this?
3. setting a min-height of 500 or so for mbox or innerbox divs has been ignored.
Code:
<html>
<head>
<title>Untitled</title>
<style>
#container {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
#pagetop{
position: relative;
top: 0px;
background-color: #ADD8E6;
width: 100%;
height: 65px;
}
#pagebot {
position: relative;
background-color: #ADD8E6;
height: 65px;
clear: both;
}
#mbox {
position: relative;
border: 5px solid #000;
}
#innerbox {
position: relative;
left: 10px;
}
div{
border: 1px solid red;
}
</style>
</head>
<body>
<div id="container">
<div id="pagetop"></div>
<div id="mbox">
<div><img src='imgs/logo_tot_grey.jpg' width='280' height='95' alt='' border='0'></div>
<div id="innerbox">
<p>Test</p>
</div
</div>
<div id="pagebot"></div>
</div>
</body>
</html>
|
Dev Shed Forums Sponsor:
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
