Welcome to WebmasterWorld Guest from 3.227.2.109

Forum Moderators: not2easy

Message Too Old, No Replies

How to make column fixed width?

CSS layout doesn't show image correctly

     
10:54 am on Apr 1, 2005 (gmt 0)

Junior Member

10+ Year Member

joined:July 3, 2003
posts:50
votes: 0


Hello, I've found a good CSS layout that I want to use:
[webhost.bridgew.edu...]

Problem is that the right-hand column becomes tiny when the browser is resized smaller. I inserted a 220px image in the right-hand column but if the browser width is smaller than around 1000px then the image either pushes to the right of the column or is pushed completely to the bottom of the page.

Any ideas on how to make the right-hand colum a fixed width so that it displays my 220 pixel image correctly, regardless of the browser width?

Thanks,
May

11:46 am on Apr 1, 2005 (gmt 0)

Junior Member

10+ Year Member

joined:Oct 7, 2004
posts:89
votes: 0


may_hem1,

It would help if you could paste the html and css you are having trouble with. That way we don't have to sift through pages of code to find what you are having trouble with.

-Harvs-

12:31 pm on Apr 1, 2005 (gmt 0)

Junior Member

10+ Year Member

joined:July 3, 2003
posts:50
votes: 0


Hi Harvs, the CSS code associated with the right-hand column is this:

---------------
#rightColumn
{
float: right;
width: 42.85%;
margin: 0 -42.85% 0 1px;
}
---------------

..but the reason I did't put this in my previous post is that I've already tried changing the width & margin to just over the 220px width of my image, but this doesn't work.

So the problem is likely to be elsewhere but I can't see where.

The CSS file is quite small if you'd like to have a look:
[webhost.bridgew.edu...]

Thanks in advance,
May