CSS Problem

[flesso]

The problem is with the 'plans' list on http://www.flesso.com. They are both separate ul's in their own div boxes, the div boxes align perfectly, it's just that the ul's won't stay where they're meant to be.

Any help would be appreciated.

[flesso]

Furthermore to that the 'bullet' doesn't show on the list items in IE, and the Windows logo and Linux penguin go way out of line in all other browsers (but not in IE for some reason)...

[DPS Computing]

The line directly above the plans is not straight, therefore probably pushing the first plan down out of position.

[flesso]

Originally Posted by DPS Computing

The line directly above the plans is not straight, therefore probably pushing the first plan down out of position.

What do you mean by 'not straight'? It appears perfectly sraight here. It's not about thing being 'pushed down', it's about things flying off to the left.

[DPS Computing]

On my computer the line is broken, not connecting and there is a good inch between the bit of the line under the tower and the rest of the line. The Linux plan has shot half way down the page and left a white space where I think you intend it to be. There are no bullet points (unsure whether intentional or not). Finally the windows logo is below the windows plan but half way across the linux plan as well.

Thats how I see it on my machine - hope thats of some help to you

[flesso]

Originally Posted by DPS Computing

On my computer the line is broken, not connecting and there is a good inch between the bit of the line under the tower and the rest of the line. The Linux plan has shot half way down the page and left a white space where I think you intend it to be. There are no bullet points (unsure whether intentional or not). Finally the windows logo is below the windows plan but half way across the linux plan as well.

Thats how I see it on my machine - hope thats of some help to you

That's even worst than I see it here.

The gaps between the lines are there intentionally - all the divs and lines are in the right places, it's just the ul's for the plans which are shooting about everywhere.

[DPS Computing]

Does taking out the list and just using line breaks create the same problem? It could be worth giving it a go as at the moment there are no bullet points any way so the user will not notice any difference - it will just be the code that is different.

[flesso]

Originally Posted by DPS Computing

Does taking out the list and just using line breaks create the same problem? It could be worth giving it a go as at the moment there are no bullet points any way so the user will not notice any difference - it will just be the code that is different.

There are bullet points. They just don't show in IE for some reason.

[DPS Computing]

Are they the standard bullet points or custom ones. Because if their customised (like a bullet point picture) then you can use line breaks and insert the bullet point picture next to each line which would then hopefully solve the problem.

Have you tried also a little fiddiling about with the spacing and size of the div tags? - normally doing this solves many common alignment problems.

Hope that helps .

[flesso]

Originally Posted by DPS Computing

Are they the standard bullet points or custom ones. Because if their customised (like a bullet point picture) then you can use line breaks and insert the bullet point picture next to each line which would then hopefully solve the problem.

Have you tried also a little fiddiling about with the spacing and size of the div tags? - normally doing this solves many common alignment problems.

Hope that helps .

The base divs for the ul's are where they're meant to be, and not moving with the ul's. I was using divs before, but didn't fancy using them in the final version, and I don't really want to use line breaks.

[DPS Computing]

That is understandable. I will have a think. Normally it is something to do with the dimensions of objects though from many hours of my own frustrating experiences .