DaniWeb IT Discussion Community

DaniWeb IT Discussion Community (http://www.daniweb.com/forums/index.php)
-   HTML and CSS (http://www.daniweb.com/forums/forum143.html)
-   -   Page displays in IE but not in FireFox (http://www.daniweb.com/forums/thread201485.html)

kssi89 Jul 3rd, 2009 11:14 am
Page displays in IE but not in FireFox
 
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?

<div class="container1">
<body class="absolutebackground">
    <table class="bgtablealign">
    <tr>
    <td>
    <div class="container2">
      <table class="bgtablealignCenter">
        <tr>
        <td height="44" valign="top">
        <div class="darkheading">DoomBlog</div>
        </td>
        </tr>

.container1 { 
        position: relative;        margin-left: auto;        margin-right: auto;        width: 1000px;        text-align: center;  overflow: auto;
        }
.container2 {
        position: relative;        margin-left: auto;        margin-right: auto;        width: 800px;        text-align: center;
        }
.absolutebackground {
        background-color: #000;
}
.bgtablealign {
        background-image: url(file:///C|/Users/xxx/Documents/WebStuff/stripe_384854a7dd3238d4a9aa8145342c5e36.png);
        background-repeat: repeat;
        height: 1500px;
        width: 1000px;
        text-align:center;
        border: 20px solid #666;
}
.bgtablealignCenter {
        height: 1300px;
        width: 800px;
        background-color: #666;
        margin-left:auto;
        margin-right:auto;
        text-align:left;
        border: thick dashed #C90;
}
.darkheading {
        font-family: "MS Serif", "New York", serif;
        font-size: 36px;
        font-weight: bolder;
        color: #F90;
        background-color: #000;
}

Magicianer Jul 3rd, 2009 3:38 pm
Re: Page displays in IE but not in FireFox
 
You .bgtablealign might be the issue, try:
background-image: url('c:/Users/xxx/Documents/WebStuff/stripe_384854a7dd3238d4a9aa8145342c5e36.png');

jcacquiescent27 Jul 7th, 2009 10:43 am
Re: Page displays in IE but not in FireFox
 
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.

mj080 Jul 9th, 2009 6:47 am
Re: Page displays in IE but not in FireFox
 
The other thing is that you would need to use some more styling for FF and Chrome etc.

Maybe try and include

.sample {
  text-align: -moz-center;      //alignment for FireFox
  text-align: -khtml-center;    //alignment for Chrome
}


All times are GMT -4. The time now is 12:17 pm.

Forum system based on vBulletin Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
©2003 - 2009 DaniWeb® LLC