Css html help - Fix it and receive 40np!

[nick-8318]

I'm using this template from OSWD,
http://www.oswd.org/design/preview/id/2720

This template works perfect in firefox and opera but Internet Explorer seems to hate this template.

The sidebar on the right seems to all the way to the right instead of where its suppose to be.


I'm using it at www.ninedogger.com


I've tried adding a 200 pixel margin to the right, but that pushes the sidebar way to far to the left in firefox...


please help me fix this, i'll give you 40NP


thanks

 

[Xyzer]

Weird, For me the site is same on the too, i have just installed the latest version of firefox, is it anything to do with your browsers?

 

[Epic]

Try removing the border on the body element and seeing if that works.

 

[nick-8318]

Try removing the border on the body element and seeing if that works.

ty, i tried doing this but it just makes the message board sidebar thing go out into the right side of the page on both browsers



EDIT: I messsed around with it and It seems to be fixed now

i changed the css in #sidebar
from: border-right:200px
to: margin-left:475px


problem has beeen fixed

 

[nick-8318]

OK
seems to be still messed up on half the peoples internet exploreer

any ideas?

 

[crazyluv]

I remember reading something similar to this but I really can't remember where but I think it is similar to the problem explained here:

http://www.positioniseverything.net/explorer/expandingboxbug.html

but not the same obviously (my bookmarks are full of articles like these) but the solution presented should fix the problem.

First, what is causing the problem specifically is the Message board part that long !!!... is pushing everything.

You remedy this by placing overflow:hidden into the CSS of the sidebar div but this will of course cutoff some of the content.
Or you can place word-wrap: break-word; into the CSS for the message div and this will break the lines up but it is IE specific code so it will unvalidate the CSS.