Help with CSS & Firefox & Toni Theme

• 

  rhpt · Member · Mar 1, 2007 at 4:57 am

  • Copy link
  • Add topic to favorites

  For my blog (http://digitalboy.wordpress.com), I am using the Toni theme, and I edited the CSS so that the width of the content area is expanded to 800px [div id="content"].

  The problem is that in Firefox, this results in the content area overlapping the menu div [div id="menu"]. I’ve made another CSS adjustment so that the text inside the menu div will not wrap, but it does not solve the issue of having the menu div being obstructed by the content div.

  Is there a way to make the menu “move” to the right after the end of the content div? I’ve tried several things, but nothing seems to work.

  If you visit the blog with both IE and FF, you will see what I am trying to describe.

  Any help would be greatly appreciated!

  Thank you!

• 

  wank · Member · Mar 1, 2007 at 12:52 pm

  • Copy link

  Did you fix this? It looks ok to me in FF at 1024×768.

• 

  rhpt · Member · Mar 1, 2007 at 2:30 pm

  • Copy link

  No, I did not. It still looks different in FF (2.0.2).

• 

  0nkulis · Member · Mar 1, 2007 at 3:04 pm

  • Copy link

  You have done nice job.
  Looks great on 1024×768.

• 

  rhpt · Member · Mar 1, 2007 at 4:28 pm

  • Copy link

  OK..Fixed the issue. I needed to do a float: left and a margin: 0 on the menu column. Everything looks good now!