PDA

View Full Version : Request: Top and Left Frames Layout



henryho
12-10-2007, 10:51 PM
Is there a Top Left frames layout available? (with the top spans across the whole screen)

All of the followings are Left Top, meaning Left took the whole height of the screen.
http://www.dynamicdrive.com/style/layouts/category/C11/

I tried modding the Left and Top into Top and Left, but just can't IE6 to work... help?

thetestingsite
12-10-2007, 11:06 PM
Is this what you wanted?

http://thetestingsite.net/test/test.html

If so, copy out the source code and you are good to go.
Hope this helps.

henryho
12-10-2007, 11:28 PM
Is this what you wanted?

http://thetestingsite.net/test/test.html

If so, copy out the source code and you are good to go.
Hope this helps.

Yes, but if you open your test.html with IE6 or 7, the top does not span the whole width... FF works ok.

seems like it has to do with...

* html body{ /*IE6 hack*/
padding: 120px 0 0 200px; /*Set value to (HeightOfTopFrameDiv 0 0 WidthOfLeftFrameDiv)*/
}

If replace 200px with 0, then the top spans the whole width, but then the left frame will be gone.


Thanks!

henryho
12-17-2007, 10:52 PM
any idea how to improve on http://thetestingsite.net/test/test.html ?
It is not working right on IE.

IE6: top doesn't span across the whole screen 100%
IE7: the scroll bar of the whole page appear, which will scroll the top frame away.

Can't imagine how CSS fail to emunlate the frame tag so badly..

henryho
12-17-2007, 11:33 PM
oh.. solution found:
http://limpid.nl/lab/css/fixed/header-and-left-sidebar

henryho
12-18-2007, 02:17 AM
oh.. solution found:
http://limpid.nl/lab/css/fixed/header-and-left-sidebar

oops, the workaround sucks. Width:500% = can't make something floating to right.