Jump to content

[SOLVED] Float this div with the correct width.


FaT3oYCG

Recommended Posts

Hi, I have been trying to get this floating div to display correctly for some time now, I have looked at some other peoples problems on the net but not found anything quite like the problem I am having.

 

I am not amazingly good with css so I searched the web for a style that I liked and thought that it wouldnt be so hard to modify it, turns out I was wrong :P.

 

You can visit the site here: http://gaming-network.ath.cx/blue/ to see what I am on about.

 

I put a red border arround the problematic div, you can look at the style sheet here: http://gaming-network.ath.cx/blue/style.css.

 

What I want is for that div to fill the remaining space to the right of the navigation, I put the div inside another contained called .rightcontainer as i want the div to have a margin on either side as show but for the width to extend to the edge of the page, to do this at the moment i have to set the width as a %age but then when the page is resized to say 800 x 600 it displays incorrectly.

 

Thanks for any help.

 

Craig.

OK, I solved this myself, thanks to this tutorial here: http://www.subcide.com/tutorials/csslayout/page6.aspx, which is a slightly different concept to what I have but helped me to figure out this fix.

 

If anyone wants to see the css code, you know the link :D .

 

Thanks anyway.

 

Craig.

Archived

This topic is now archived and is closed to further replies.

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