PDA

View Full Version : div help

Lego King
09-25-2005, 11:43 PM
Okay, I've put my problem into a nice colourful model ^_^
My page looks like this
http://img.photobucket.com/albums/v207/Tr!5t@n/problems2.jpg

Which is great but at the bottom this happens
http://img.photobucket.com/albums/v207/Tr!5t@n/problems.jpg

Now I can fix this in Firefox by setting the heading's position to absolute.
But by doing that it wont show up in IE :(
Can anyone help me?

Heres the code:

<html>
<head>
<style type="text/css">
body {
background: #FFFFFF;
background-attachment: fixed;
background-image: url(http://img.photobucket.com/albums/v207/Tr!5t@n/backthingy.jpg);
color : #526574;
font-family : Verdana, Arial, "MS Sans Serif";
font-size : 8pt;
margin : 0px;
padding : 15px;
}

.holder {
width:100%;
height:1000px;
border: 3px solid black;

}

.menu {
width:20%;
background: yellow;
float:left;
height:100%;

}

.main {
width:80%;
float:right;
background:blue;

height:100%
}

.main2 {
width:65%;
float:left;
background:red;

height:100%;

}

.main3 {
width:35%;
float:right;
background:green;

height: 100%;

}


.header {
width:100%;
border: 3px solid black;
background:black;


}

.floater {
width:100%;
background:white;
}

</style>
</head>
<body>

<div class="holder">
<div class="menu"><font size=5>MENU</font></div>
<div class="header"><br><br><br><br><font
size=5>HEADER</font><br><br><br><br><br></div>
<div class="main">

<div class="main2"><font size=5>MAIN</font></div>
<div class="main3"><font size=5>SUB</font></div>
</div></div>
<div class="footer"><font size=5>FOOTER</font></div>
</body>
</html>


Thanks! :)
MaGiCSuN
09-26-2005, 09:08 AM
can't fix the footer, but i do know that your "main" div should have a lower % in height, instead of 100 it should be like 80 or so.

say that you have a box that is 100%, and inside that a spoon, a knife and a plate. That plate you say is 100%, but that's not possible since there should be room for the knife and the spoon too. So the place is 80% for example, and the spoon 10% and the knife 10% aswell. Together they add up 100% :)

Love,
Mirna
elendil
09-26-2005, 12:33 PM
If you are able to use php then you can use includes, and make where you want the includes divs


1. Rename pages that will have news displayed so they have .php extension instead of .html.
2. Put html code for news in new file called whatever.html
3. On places where you want news to appear insert:
<?php
include( "whatever.html" ) ;
?>