HTML and CSS RSS HTML and CSS RSS

Page displays in IE but not in FireFox

Reply

•
•
Join Date: Apr 2009
Posts: 24
Reputation: kssi89 is an unknown quantity at this point 
Solved Threads: 0
kssi89 kssi89 is offline Offline
Newbie Poster

Page displays in IE but not in FireFox

 
0
  #1
Jul 3rd, 2009
Hello,

I've had no problems getting the following page to display in IE but FireFox will only display a background image with no allignment, it's just thrown to the side and seems to follow the dimension specs for .bgtablealign. If I change the extension from .html to .php the page displays fine but the background image is missing!

I can't imagine what the difference is between firefox and IE here unless FireFox does not accept the way i've used the .bgtalbealign to select a background image. Perhaps it doesn't play well with .container1 or .absolutebackground that it is running in tandem with.

Any compatibility gurus out there that can shed some light on this?

HTML and CSS Syntax (Toggle Plain Text) 
  1. <div class="container1">
  2. <body class="absolutebackground">
  3.     <table class="bgtablealign">
  4.     <tr>
  5.     <td>
  6.     <div class="container2">
  7.       <table class="bgtablealignCenter">
  8.         <tr>
  9.         <td height="44" valign="top">
  10.         <div class="darkheading">DoomBlog</div>
  11.         </td>
  12.         </tr>

HTML and CSS Syntax (Toggle Plain Text) 
  1. .container1 { 
  2. 	position: relative; 	margin-left: auto; 	margin-right: auto; 	width: 1000px; 	text-align: center;   overflow: auto;
  3. 	}
  4. .container2 { 
  5.  	position: relative; 	margin-left: auto; 	margin-right: auto; 	width: 800px; 	text-align: center;
  6. 	}
  7. .absolutebackground {
  8. 	background-color: #000;
  9. }
  10. .bgtablealign {
  11. 	background-image: url(file:///C|/Users/xxx/Documents/WebStuff/stripe_384854a7dd3238d4a9aa8145342c5e36.png);
  12. 	background-repeat: repeat;
  13. 	height: 1500px;
  14. 	width: 1000px;
  15. 	text-align:center;
  16. 	border: 20px solid #666;
  17. }
  18. .bgtablealignCenter {
  19. 	height: 1300px;
  20. 	width: 800px;
  21. 	background-color: #666;
  22. 	margin-left:auto;
  23. 	margin-right:auto;
  24. 	text-align:left;
  25. 	border: thick dashed #C90;
  26. }
  27. .darkheading {
  28. 	font-family: "MS Serif", "New York", serif;
  29. 	font-size: 36px;
  30. 	font-weight: bolder;
  31. 	color: #F90;
  32. 	background-color: #000;
  33. }
Reply With Quote Quick reply to this message  
•
•
Join Date: Jul 2009
Posts: 12
Reputation: Magicianer is an unknown quantity at this point 
Solved Threads: 0
Magicianer Magicianer is offline Offline
Newbie Poster

Re: Page displays in IE but not in FireFox

 
0
  #2
Jul 3rd, 2009
You .bgtablealign might be the issue, try:
HTML and CSS Syntax (Toggle Plain Text) 
  1. background-image: url('c:/Users/xxx/Documents/WebStuff/stripe_384854a7dd3238d4a9aa8145342c5e36.png');
Reply With Quote Quick reply to this message  
•
•
Join Date: Jan 2008
Posts: 28
Reputation: jcacquiescent27 is an unknown quantity at this point 
Solved Threads: 8
jcacquiescent27 jcacquiescent27 is offline Offline
Light Poster

Re: Page displays in IE but not in FireFox

 
0
  #3
Jul 7th, 2009
Your 'container1' div is outside of the 'body' tag, so it may be a browser standards issue; try moving that div inside of the 'body' tag. Firefox is much more standards compliant than IE, possibly resulting in the Firefox-specific behavior you're seeing.
Reply With Quote Quick reply to this message  
•
•
Join Date: Mar 2009
Posts: 77
Reputation: mj080 is an unknown quantity at this point 
Solved Threads: 5
mj080's Avatar
mj080 mj080 is offline Offline
Junior Poster in Training

Re: Page displays in IE but not in FireFox

 
0
  #4
Jul 9th, 2009
The other thing is that you would need to use some more styling for FF and Chrome etc.

Maybe try and include

HTML and CSS Syntax (Toggle Plain Text) 
  1. .sample {
  2.   text-align: -moz-center;       //alignment for FireFox
  3.   text-align: -khtml-center;    //alignment for Chrome
  4. }
Reply With Quote Quick reply to this message  
Reply

Quick Reply to Thread
This thread is more than three months old.
Perhaps start a new thread instead?
•
•
•
•
•
•
•
•
Message:
•
•
•
•



Similar Threads
Other Threads in the HTML and CSS Forum
Thread Tools Search this Thread



appointments asp background backgroundcolor beta browser bug calendar cart cgi code codeinjection corporateidentity css design development displayimageinsteadofflash dreamweaver emailmarketing epilepsy explorer firefox flash form google griefers hackers hitcounter hover html ie7 ie8 iframe image images internet intranet iphone javascript jpeg layout macbook maps mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization pnginie6 positioning scroll seo shopping swf swf. textcolor timecolor titletags url urlseparatedwords visualization web webdevelopment webform website windows7
About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC