homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

CSS Rollover Problem
netscape displays incorrectly

10+ Year Member

Msg#: 241 posted 8:51 am on Jul 22, 2002 (gmt 0)

I've created a template for a current project that utilizes CSS rollovers to create a button effect in browsers that support it.

Basically, it utilizes the hover pseudo-class to change the background color of the div, and display: block to fill the table cell.

Oddly enough, the buttons look fine in the left column, but they overlap the edges of the table in the right column when viewed with netscape or mozilla. Internet Explorer renders both columns perfectly.

I'd appreciate it if anyone with CSS experience would take a look - the source code on the page is broken down and commented to make it easy to see the structure.

Here is the link, or if links are not allowed in this forum, you can get to this page through my profile:

[edit - snipped my own links out :D]

[edited by: mortalfrog at 9:12 am (utc) on July 22, 2002]



WebmasterWorld Senior Member nick_w us a WebmasterWorld Top Contributor of All Time 10+ Year Member

Msg#: 241 posted 9:05 am on Jul 22, 2002 (gmt 0)

Hi Mortalfrog

Firet: You may wish to dump those urls and post some code before one of the mods comes along and snips them.

Second: It looks just fine to me in Moz and Opera on Linux but a look at the source code told me that it's way over-complex for ehat you're actually trying to do.

If you check the site in my profile and follow the 'client list' there is a good exaple of css rollovers on one of the newer sites. check the source for css location.

Hope that helps, if you have trouble or need mre help, post some code and we'll all have a tinker with it ;)



10+ Year Member

Msg#: 241 posted 10:16 am on Jul 22, 2002 (gmt 0)

thanks for the tips - before I post some code clips, I'm going to try to simplify things, as you suggest.

*pulls out code saw*

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved