Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > DIV Width/Height Issues

Reply
Thread Tools

DIV Width/Height Issues

 
 
J
Guest
Posts: n/a
 
      02-08-2008
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/...1960d4caf3.jpg

Anyone know of how to do this? Thanks!
 
Reply With Quote
 
 
 
 
dorayme
Guest
Posts: n/a
 
      02-09-2008
In article
<(E-Mail Removed)
m>,
J <(E-Mail Removed)> wrote:

> 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/...1960d4caf3.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.

--
dorayme
 
Reply With Quote
 
 
 
 
rf
Guest
Posts: n/a
 
      02-09-2008

"dorayme" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> In article
> <(E-Mail Removed)
> m>,
> J <(E-Mail Removed)> wrote:
>
>> 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/...1960d4caf3.jpg
>>
>> Anyone know of how to do this? Thanks!

>
> For modern non IE browsers:
>
> <http://netweaver.com.au/alt/jdump.html>


Works fine with IE5.5, IE6 and IE7

--
Richard.


 
Reply With Quote
 
dorayme
Guest
Posts: n/a
 
      02-09-2008
In article <LK7rj.12744$(E-Mail Removed)>,
"rf" <(E-Mail Removed)> wrote:

> "dorayme" <(E-Mail Removed)> wrote in message
> news:(E-Mail Removed)...
> > In article
> > <(E-Mail Removed)
> > m>,
> > J <(E-Mail Removed)> wrote:
> >
> >> Here's a link to an image that shows visually what I mean:
> >> http://media.twango.com/m1/original/...421960d4caf3.j
> >> pg
> >>
> >> Anyone know of how to do this? Thanks!

> >
> > For modern non IE browsers:
> >
> > <http://netweaver.com.au/alt/jdump.html>

>
> 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>

--
dorayme
 
Reply With Quote
 
rf
Guest
Posts: n/a
 
      02-09-2008

"dorayme" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> In article <LK7rj.12744$(E-Mail Removed)>,
> "rf" <(E-Mail Removed)> wrote:
>
>> "dorayme" <(E-Mail Removed)> wrote in message
>> news:(E-Mail Removed)...


>> > For modern non IE browsers:
>> >
>> > <http://netweaver.com.au/alt/jdump.html>

>>
>> 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.


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

--
Richard.


 
Reply With Quote
 
dorayme
Guest
Posts: n/a
 
      02-09-2008
In article <dr9rj.12763$(E-Mail Removed)>,
"rf" <(E-Mail Removed)> wrote:

> "dorayme" <(E-Mail Removed)> wrote in message
> news:(E-Mail Removed)...
> > In article <LK7rj.12744$(E-Mail Removed)>,
> > "rf" <(E-Mail Removed)> wrote:
> >
> >> "dorayme" <(E-Mail Removed)> wrote in message
> >> news:(E-Mail Removed)...

>
> >> > For modern non IE browsers:
> >> >
> >> > <http://netweaver.com.au/alt/jdump.html>
> >>
> >> 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.

>
> 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... <g>

> 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.

--
dorayme
 
Reply With Quote
 
dorayme
Guest
Posts: n/a
 
      02-09-2008
In article
<(E-Mail Removed)>,
dorayme <(E-Mail Removed)> wrote:

> In article <dr9rj.12763$(E-Mail Removed)>,
> "rf" <(E-Mail Removed)> wrote:

....

> 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!

--
dorayme
 
Reply With Quote
 
Phil Kempster
Guest
Posts: n/a
 
      02-09-2008
dorayme wrote:
> In article
> <(E-Mail Removed)>,
> dorayme <(E-Mail Removed)> wrote:
>
>> In article <dr9rj.12763$(E-Mail Removed)>,
>> "rf" <(E-Mail Removed)> wrote:

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


Send it over here to Adelaide, please, pretty please.
PhilK


--
Phil & Val Kempster
http://kempster.info
 
Reply With Quote
 
Ben C
Guest
Posts: n/a
 
      02-09-2008
On 2008-02-08, J <(E-Mail Removed)> wrote:
> 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.
 
Reply With Quote
 
 
 
Reply

Thread Tools

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
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
<div ... /> and <div ...></div> K Viltersten ASP .Net 4 03-31-2009 07:33 PM
<div id="help" runat="server"></div> Jim in Arizona ASP .Net 3 11-17-2005 04:15 PM
NS/FF don't change div offsetWidth when div innerHTML is added toand div becomes wider mscir Javascript 3 06-26-2005 04:04 PM
Q: Div A inside Div B is larger than Div B Dwayne Madsen Javascript 1 06-01-2005 03:02 PM
<label><div></div></label> allowed? Josef K. ASP .Net 3 05-22-2005 02:13 PM



Advertisments