By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,256 Members | 1,700 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,256 IT Pros & Developers. It's quick & easy.

Text box and image layering issue

P: 1
http://www.nebraskaclothingcompany.com

I'm working on the website above. On Explorer everything looks great, but on Firefox and my Android the header image repeats about 100px to the right from the text.

How do I correct this?

Here is the code I used for that segment:

Expand|Select|Wrap|Line Numbers
  1. <div style="width:750px;height:200px;background:url(http://www.nebraskaclothingcompany.com/real.jpg);"><h1 style="width:100%; padding:20; padding-left:200; background:url(http://www.nebraskaclothingcompany.com/real.jpg);text-align:left;">N.C.C.<br><font size="5">Nebraska Clothing Company</font></h1></div>
  2.  
Dec 18 '11 #1
Share this Question
Share on Google+
1 Reply


drhowarddrfine
Expert 5K+
P: 7,435
Never, ever use IE as a reference for how things should work. Inept at best, it's the worst browser on the planet. Always, always look to any other browser and get it to work there first. Then look at IE to see how badly it screws everything up. But the multitude of problems with IE are well known, as are the hacks to fix it.

You don't have a doctype so you are in quirks mode where you never want to be. Add this as your first line:
Expand|Select|Wrap|Line Numbers
  1. <!DOCTYPE html>
Dec 18 '11 #2

Post your reply

Sign in to post your reply or Sign up for a free account.