ansaurus

Question

Can't convert frames to CSS? Help needed.

Answer 1

A:

There is a lot of code to look at there, and as indicated in a comment I got a "TLDR error" while trying to read it.
That being said, in my experience when things are behaving "wrong", it is because the html is too complex, there are some unbalanced elements, or there are elements that are missing a close.
Start by looking at that, and if it all works, you could try using a framework, ExtJS and YUI both have layout managers that achieve exactly what you are looking for, even though they can be a pretty heavyweight solution.

YUI Layout manager: http://developer.yahoo.com/yui/layout/
ExtJS Layout manager: http://www.extjs.com/deploy/dev/examples/layout/complex.html

Ed Griebel 2010-03-09 18:45:04

Because of the TLDR comments, I've stripped it way down.

Rilien 2010-03-09 19:07:37

Answer 2

+3 A:

Consider using something similar to the following:

<!DOCTYPE html>
<html>
<head>
<title>Your page title</title>
<style>
    .header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 140px;
        overflow: hidden;
    }

    .content {
        position: absolute;
        top: 150px; /* 140px (header) + 10px top padding */
        left: 10px; /* 10px padding */
        right: 10px; /* 10px padding */
        bottom: 10px; /* 10px padding */
        overflow: auto;

    }
</style>
</head>

<body>

<div class="header">
    <!--#include virtual="/nav2.html" -->
</div>

<div class="content">
    <!--#include virtual="/main2.html" -->
</div>

</body>
</html>

This results in a header section that is 140 px tall and is flush with the top, left, and right sides of the page. The body takes up the rest of the page and has 10 px padding on each side. Note that the DOCTYPE declaration (the first line) is necessary.

Note: While most modern browsers will work fine with this page, this page will NOT display correctly in IE6. IE6 does not support fixed positioning.

Wesley 2010-03-09 19:07:18

Thanks. That solved my problem, and it works in Firefox and IE 8. I had tried putting most of those setting in the div's, rather than the format you are using, and it didn't work.

Rilien 2010-03-09 19:39:35

If the solution works, go ahead and accept this answer - this will ensure that it appears at the top of the list of answers. Any future visitors will see that this answer worked for you.

Wesley 2010-03-09 22:28:35

Answer 3

A:

Can someone tell me how to accept the above answer - the one I commented on, that the person then commented on saying to accept it?

I read the FAQ, and there's supposed to be a check box to the left of the answer. It's not there. There is an up and down arrow, but when I select it I get a message saying I have to log on to vote. The top of the page has my username - so the site still knows who I am from when I put my e-mail address on the post form, and this site advertises that no registration is required to use it, so where is the check box to accept the answer?

Thanks.

Rilien 2010-03-10 20:33:01

I got my accounts joined - and marked the answer.

Rilien 2010-03-17 17:11:04

ansaurus

tags:

views:

answers:

Can't convert frames to CSS? Help needed.

related questions