DIV Width/Height Issues

J

J

Hey all,

I'm having some trouble getting my two divs to show up correctly on my
site. I have a 500px width by 100% tall menu div on the right hand
side of my screen. Then I have a content div on the left hand size
that I want to fill up the rest of the screen (i.e. 100% width -
500px). I've googled around a bit, but haven't found a working
solution.

Here's a link to an image that shows visually what I mean:
http://media.twango.com/m1/original/0121/6c72360a341a4bf89101421960d4caf3.jpg

Anyone know of how to do this? Thanks!
 
D

dorayme

<[email protected]
m>,
J said:
Hey all,

I'm having some trouble getting my two divs to show up correctly on my
site. I have a 500px width by 100% tall menu div on the right hand
side of my screen. Then I have a content div on the left hand size
that I want to fill up the rest of the screen (i.e. 100% width -
500px). I've googled around a bit, but haven't found a working
solution.

Here's a link to an image that shows visually what I mean:
http://media.twango.com/m1/original/0121/6c72360a341a4bf89101421960d4caf3.jpg

Anyone know of how to do this? Thanks!

For modern non IE browsers:

<http://netweaver.com.au/alt/jdump.html>

comes to mind. But there would be better.

500px is a lot for a menu?

Consider posting a url of the likely amounts of content and
navigation, there are many ways depending.
 
D

dorayme

"rf said:
Works fine with IE5.5, IE6 and IE7 :)

Ah, I vaguely recall now that fixed backgrounds *do* work in IE
on body... I was not sure before your post.

Anyway, the reason this "solution" was jotted down by me was
rather that I am playing about with faux cols at the moment for
something else... (There is something fascinating to me about
tiny byte 1px wide or high images having such big effects...) <g>
 
R

rf

dorayme said:
Ah, I vaguely recall now that fixed backgrounds *do* work in IE
on body... I was not sure before your post.

Doesn't matter. Since this is a single colour image it does not acutally
*need* to be fixed.

BTW this method will of course fail if that nav bar is sized in ems rather
than pixels :)
 
D

dorayme

"rf said:
Doesn't matter. Since this is a single colour image it does not acutally
*need* to be fixed.
Ah, yes, what was I thinking... you are right. I have removed the
bit that is useless. I still would not have been sure the revised
state of the url would work in IE so thanks again for letting us
know... said:
BTW this method will of course fail if that nav bar is sized in ems rather
than pixels :)

It *is* fragile. I would not exactly recommend it. (In some
contexts, backgrounds can be made to help a column appearance
with em based dimensions, I made one yesterday for a demo in
another context. Well known as faux columns.

It *would* be handy to be able to em dimension background images.
(em dimensioning even non-background images is fraught with
difficulties from my tests).

Can you stop this rain please, it is getting too much. I want the
drought back now.
 
D

dorayme

dorayme said:
Can you stop this rain please, it is getting too much. I want the
drought back now.

JC! How the hell did you do that? The sun just came out!
 
B

Ben C

Hey all,

I'm having some trouble getting my two divs to show up correctly on my
site. I have a 500px width by 100% tall menu div on the right hand
side of my screen. Then I have a content div on the left hand size
that I want to fill up the rest of the screen (i.e. 100% width -
500px). I've googled around a bit, but haven't found a working
solution.

Make the menu a right float with width 500px. Then make the content area
a normal div with margin-right 500px.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

Forum statistics

Threads
473,744
Messages
2,569,484
Members
44,903
Latest member
orderPeak8CBDGummies

Latest Threads

Top