Jump to content

why wont this work?


Renlok

Recommended Posts

i work a page with 2 colloums and a footer cant get it to work.
[url=http://www.we-link.co.uk/roe/renlok283622972.html]http://www.we-link.co.uk/roe/renlok283622972.html[/url] <- the page
[url=http://www.we-link.co.uk/roe/283622972.css]http://www.we-link.co.uk/roe/283622972.css[/url] <- the style sheet
Link to comment
Share on other sites

It's the width of your columns that's throwing you off, I think. Since you have a fixed width on your left column at 224px, when viewed in a 1024 resolution, you only have 800 pixels left for your main column; however, you are declaring your main column as 90% (do a little math, and you figure out that that comes out to 921.6 pixels). That means that at 90%, your browser has to be viewed at 2240px width for the layout to work... and it does! If you have access to dual screens, and you stretch your browser window to cover both screens, you columns will drop into place. Obviously, that's too wide, so they adjust to fit the screen. You need to either go to a fixed width, or else, you need to use pseudo-columns and let your main column flow with the content you put inside of it instead of trying to declare a width on it.

Hope this helps.
Link to comment
Share on other sites

Why on earth is there a float: right [b]and[/b] relative positioning with left declared? This could very well be what your issue is. I'd recommend you simply float [b]everything[/b] left (both columns). However, if you do this, make sure you have your left column first in your markup.
Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.