Need help with a style sheet please =]

[dcmarie1987]

I'm working on a div overlay for my myspace page and depending on the browser that I use to view my page (IE, moz, or opera) looks different. I have one main div container in the center and then I put all my content into tables which I split into 2 different rows and columns. Then the only other floating objects on my page are my rollover buttons and my rollover top friends list. All my rollover buttons look fine in every browser but for some reason my rollover top friends at the bottom of my page are off by about 200px in opera and IE, but look great in firefox. I noticed that my linebreaks are different sizes in all 3 browsers and I think this may be what is creating the problem. Anyway to fix this?

Also could I possibly just make 2 or 3 completely different style sheets for different browsers? Not sure if that is a possibility with myspace.

[httpdev]

It would be helpful to see some code. You may want to try zeroing (sp?) your margins and padding at the beginning of your CSS doc. i.e. using the * selector.

ex: * { margin: 0; padding: 0; }

This property will set all margins and paddings to 0 until you manually declare the margins and paddings later in your style. Sometimes, different browsers automatically insert margins and padding on certains tags such as lists and indents. It's worth a try.

As for the multiple css styles for differents browsers issue--I would recommend trying a PHP browser detection script.

[Borat]

wow... no

[dcmarie1987]

thanks for the response but i ended up figuring another way to do it. thanks!

www.myspace.com/dana_marie_on_myspace (http://www.myspace.com/dana_marie_on_myspace):thumbsup: