Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 11-21-2002, 07:08 PM   PM User | #1
krycek
Regular Coder

 
Join Date: Nov 2002
Location: Bristol, UK
Posts: 932
Thanks: 0
Thanked 0 Times in 0 Posts
krycek is an unknown quantity at this point
Angry Stupid CSS... how do I get this 100% stuff to work properly???!!!

OK, I have a really annoying problem here, and I can't fix it, even having been to ALA, glish, etc.

I have a titlebar which is 100% width and 50px high. Underneath that is a menu section, on the left, 200px wide and 100% high. Then there is a content area, 100% of available space.

The trouble is, the height of the content and menu areas seems to want to be the total available, despite the title bar being in the way.

Does anyone get what I am saying, and know a fix, or shall I post my code?

If I can't fix it I think I will go back to tables.

::] krycek [::
__________________
ithium | SOAPI | SDP | PTPScript manual
"ithium is a non-profit webhost, which is pretty much unique. The mission of ithium is to provide free hosting resources for worthwhile and needy non-profit projects, which otherwise may not be able to obtain such facilities. The money from commercial customers goes to maintain ithium's servers and further development."
krycek is offline   Reply With Quote
Old 11-21-2002, 07:13 PM   PM User | #2
krycek
Regular Coder

 
Join Date: Nov 2002
Location: Bristol, UK
Posts: 932
Thanks: 0
Thanked 0 Times in 0 Posts
krycek is an unknown quantity at this point
...as is often the case, I spend ages trying to do summat, then post in desperation... and then get it to work.

I simply set the titlebar positioning to absolute and the top margin of the content and menu areas to the height of the titlebar, and it worked.

Oh well.

Now, if only position: fixed worked in IE...

::] krycek [::
__________________
ithium | SOAPI | SDP | PTPScript manual
"ithium is a non-profit webhost, which is pretty much unique. The mission of ithium is to provide free hosting resources for worthwhile and needy non-profit projects, which otherwise may not be able to obtain such facilities. The money from commercial customers goes to maintain ithium's servers and further development."
krycek is offline   Reply With Quote
Old 11-21-2002, 08:21 PM   PM User | #3
Vladdy
Senior Coder

 
Join Date: Jun 2002
Location: Nashua, NH
Posts: 1,724
Thanks: 0
Thanked 0 Times in 0 Posts
Vladdy is an unknown quantity at this point
Another approach is to have three absolutely positioned divs and use bottom and right properties instead of width and height (or yeah, if only that worked in IE )
Though with a bit of JavaScript you can make it work in IE.....
You can poach the code here: (site is still under construction)
www.klproductions.com/TemplateT1.html
__________________
Vladdy | KL
"Working web site is not the one that looks the same on common graphical browsers running on desktop computers, but the one that adequately delivers information regardless of device accessing it"
Vladdy is offline   Reply With Quote
Old 11-21-2002, 08:32 PM   PM User | #4
krycek
Regular Coder

 
Join Date: Nov 2002
Location: Bristol, UK
Posts: 932
Thanks: 0
Thanked 0 Times in 0 Posts
krycek is an unknown quantity at this point
...bottom and right, eh? hmmm... I might try that

thanks vladdy

::] krycek [::
__________________
ithium | SOAPI | SDP | PTPScript manual
"ithium is a non-profit webhost, which is pretty much unique. The mission of ithium is to provide free hosting resources for worthwhile and needy non-profit projects, which otherwise may not be able to obtain such facilities. The money from commercial customers goes to maintain ithium's servers and further development."
krycek is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 01:28 AM.


Advertisement
Log in to turn off these ads.