[css-d] Trying to control floats on page

2008-08-28 Thread Reg Reading 
I'm having trouble getting elements on my page to display correctly.

http://www.ukcrugby.co.uk/test/index.html

The navigation bar is floated to the left, as is the sponsor column
underneath it.  I have added a clear:left to the sponsor ID as without it it
positioned itself to the right of the navigation bar.

When I tried to add an image and float it to the right of the page,
initially it appeared to the right halfway down the page.

After trying to work out the solution myself I added overflow:auto to the
main ID, this has now moved the images to their correct position on the
page, but created a large empty column in the middle of the page

The navigation bar and the sponsor column are controlled via an external
style sheet, whereas the images in the main section are controlled from
within an internal style sheet.

Any assistance on how to get my page looking as it should would be most
welcome.

Many thanks

Reg Reading
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Trying to control floats on page

2008-08-28 Thread Parag Jagdale 
Hi Reg,

in this style:

#main {
margin-left:220px;
margin-right:10px;
overflow:auto;
}


you have a margin-left:220px;

change it to margin-left:10px;
like so:

#main {
margin-left:10px;
margin-right:10px;
overflow:auto;
}


And  your problem should be fixed.



Thank You,
Parag Jagdale
Un-identified LLC
www.un-identified.com


On Thu, Aug 28, 2008 at 3:45 PM, Reg Reading [EMAIL PROTECTED]wrote:

 I'm having trouble getting elements on my page to display correctly.

 http://www.ukcrugby.co.uk/test/index.html

 After trying to work out the solution myself I added overflow:auto to the
 main ID, this has now moved the images to their correct position on the
 page, but created a large empty column in the middle of the page

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/