IE7 & Firefox positioning

• 

  boicutt · Member · Mar 1, 2009 at 8:23 pm

  • Copy link
  • Add topic to favorites

  Hi guys,

  I usually lurk the forums for my answers, or figure them out myself. For the first time in my life I’m having issues with my CSS displaying properly in Firefox, rather than the usual problems in IE.

  I’m trying to get the the bottom bar to the Navbar to the right to follow the main navbar body. This is displaying as it should in IE7, but with firefox, it aligns with the top bar. Any help would be appreciated. Here is the coding for the main parts.

  //// top bar ////

  #sidebar-top {
  background-image: url(images/sidebartop.gif);
  width: 299px;
  height: 23px;
  margin-top: 20px;
  margin-left: 615px;
  position: relative;
  }

  //// main sidebar content ////
  #sidebar {
  float: right;
  display: block;
  width: 294px;
  margin: 0 17px 0 0px;
  padding: 0px 3px 0px 0px;
  border: 1px solid #000000;
  background: #ffffff url(images/sidebarbody.gif) no-repeat;
  }

  /// bottom bar ////
  #sidebar-bottom {
  background-image: url(images/sidebarbottom.gif);
  width: 299px;
  height: 23px;
  margin-left: 615px;
  position: relative;
  margin-top: auto;
  }

  the website can be seen here: http://test.fusion-lumiere.com

  Thanks!

• 

  sambauers · Member · Mar 1, 2009 at 8:23 pm

  • Copy link

  You did not specify a blog address or reason for posting when you created this topic.

  This support forum is for WordPress.com hosted blogs only. If you have a self-hosted WordPress blog you need to seek help at the WordPress.org forums, not here.

  If you don’t understand the difference, you may find this information helpful.