|
|
Posted by BootNic on 01/27/07 08:45
> Ryan Knopp <ryanrk@gmail.com> wrote:
> news: 1169851377.249815.44860@m58g2000cwm.googlegroups.com
> So here's what i want.
> I want the bottom div to be like a footer. The problem i'm having it
> seems is the map div. The map div is a huge huge map of 65000px by
> 65000px that scrolls around with javascript (think google maps). Now
> Left div, map div and body div all work the way i want them. But i
> can't get the bottom div on the bottom of both of them.
[snip]
> <script>
Style this should be yes?
[snip]
> </script>
> ...... < other html code not relevant > .....
Perhaps Doctype is relevant?
[snip]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<style type="text/css">
* html .box {
display: inline-block; /* trigger haslayout for < ie7 */
}
..bottom {
background-color: rgb(0, 255, 0);
}
..box {
background-color: rgb(0, 0, 255);
overflow: hidden;
}
..contentleft {
background-color: rgb(255, 255, 0);
float: left;
width: 150px;
}
..contentmain {
background-color: rgb(255, 0, 0);
margin: 0;
padding-left: 165px;
}
..contentmain p:first-child,
..contentleft p:first-child {
margin-top: 0;
}
..contentmain p:last-child,
..contentleft p:last-child {
margin-bottom: 0;
}
</style>
</head>
<body>
<div class="box">
<div class="contentleft">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aliquam elit nibh, adipiscing sit amet, tincidunt accumsan,
lobortis at, velit.</p>
</div>
<div class="contentmain">
<p>Proin ac sapien ac nibh aliquam placerat. Maecenas sed est
ut pede tincidunt luctus. Nullam in ante. Duis in dolor.
Pellentesque ac metus vitae mi placerat euismod. Fusce semper
auctor leo. Vivamus et nunc sed quam tincidunt posuere.</p>
</div>
</div>
<div class="bottom">
Bottom Div
</div>
</body>
</html>
--
BootNic Saturday, January 27, 2007 3:44 AM
It is better to die on your feet than to live on your knees!
*Emiliano Zapata*
Navigation:
[Reply to this message]
|