HELP css for positioning

Forum Moderators: not2easy

Message Too Old, No Replies

HELP css for positioning

Geoffrey james

6:49 am on Sep 6, 2006 (gmt 0)

Hi all,

I have a menu floated left, and a slideshow floated right.

Thay are supposed to be next to each other, and have been for a while now. When I looked through IE 6 the slideshow to the right is about 5px to the left, and has pushed the menu down under it, workes fine in other browsers.

Help please

Here is my positioning css:

#navmenu {
float: left;
margin-top: 0px;
width: 185px;
height: 220px;
z-index:100;
}

#slideshow {
float: right;
margin-right: 0px;
height: 170px;
width: 565px;
}

any surgestions.

Geoff

penders

11:28 am on Sep 6, 2006 (gmt 0)

Hi Geoff, your CSS in itself does look OK - and having just tested it in both IE6 and FF, does indeed display OK at 800 x 600 window size (as you intend, next to each other horizontally). IE5 actually at 800 x 600 resolution displays ok side by side, except there is a slight horiz scroll bar!?

However, the boxes do appear slightly closer in IE6, I think due to slightly larger body margins - so there is less room to play with.

Are your navmenu/slideshow containers inside any other containers?

Try reducing/setting the body {margin:0; padding:0;} ...?

Geoffrey james

9:41 pm on Sep 6, 2006 (gmt 0)

hi penders,

I got it fixed, another div inside the content (div containing flash) was set to 100% and was throwing my whole page out, easily done when you are setting layour using only css with no tables.

This is my first design lake this, infact its only my 2nd site.

Will try my next site using css and tables, just so i know how they work and get experience.

Thanks anyway dude.

Geoff