|
|
Posted by Ryan Knopp on 01/27/07 16:33
BootNic wrote:
>> 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>
I had the doctype just left it out, didn't think it was relevant. Here
it is. <?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Trying to keep it at strict xhtml.
Navigation:
[Reply to this message]
|