Jump to content

Reverend

Members
  • Posts

    4
  • Joined

  • Last visited

Reverend's Achievements

Newbie

Newbie (1/7)

0

Reputation

  1. Thanks for the tip with the border. Ah, and I found the issue with Firefox: The background-position line in the code for the body{ } area was causing it to shove the background upward. o.OWhen I read snowboard's mention of Firefox displaying it correctly, it suddenly occurred to me to manually remove certain aspects of the CSS until I found the issue. Technically, IE was displaying it correctly as well, but for whatever reason, Firefox wasn't working with the background-position line. A mistake on my part for not thinking to just comb through the code.. meh, oh well.Thanks again to everyone for their help. =)
  2. Working with this on my PC before I upload.. It's fixed the horizontal bar, for which I'm very thankful. Any idea what's up with the body background image?
  3. er, yeah. Incorrectly, I meant. I've shown a few other people, they see the same thing..This is what I'm seeing:
  4. First time poster here, hi. =)So I'm working on a portfolio site of mine - www.andrewdrennen.com - focusing on being as strict as possible in terms of proper CSS and XHTML. Doing alright so far, except I've ran into a couple of problems with Firefox displaying the CSS information correctly.Basically, this is what's going on: In IE, it loads the background image (a horizontal bar image) for a div tag and for the body background as it should. In FF, however, it sets the horizontal image lower than it should, and places the body background image higher than it should. The end result leaves the background bar looking lighter than normal and making the horizontal image a bit out of place.Apologies if I overlooked an already existing topic on this issue, one's patience only goes so far when searching through threads. =PThanks in advance for any help that can be offered.My CSS code: body { font-family: arial; margin-top: 0px; margin-left: 0px; background-color: #c0c6ca; background-image: url("../images/bg.gif"); background-repeat: no-repeat; background-position: left; } #top { width: 800px; height: 26px; background-image: url("../images/top.gif"); margin-top: 0px; background-repeat: no-repeat; background-position: left; } #mainMenu { background-color: inherit; position:relative; margin-left: 53px; margin-top: 12px; }
×
×
  • Create New...