Web Hosting Talk







View Full Version : Major css problem for geting firefox to dispaly website correctly


Redligt World
07-04-2008, 04:16 PM
i have a adult based site i.m working on the works 100% ok in ie, but
has major display errors in firefox
You can view the site at redlightworld.com/premium

Basically, the site views properly in IE, however, in Firefox the <div
id="containerb">, plus lots of other <div> tags does not align in the
center and this thrown off the the right side, top or merged together
on different pages.


another example is on redlightworld.com/login.php
there is issues with <div id="navsubbar"> it shows correctly in ie,
but in firefox the background image is not displayed and the hieght
and padding is not correct, the next <div> tag goes over the top of
it

i have 2 css files
redlightworld.com/css/tpl_style.css
redlightworld.com/css/rlwstyle.css

i am thing its a problem with <div> tags not showing correcly, in ie
the site works 100% ok, but in firefox lots of div tags are not
dispalying correctly at all, any help with hese issue or pointing me
in the right direction to sort the firefox issues out whould be
welcome

thanks in advance

larwilliams
07-04-2008, 06:44 PM
i have a adult based site i.m working on the works 100% ok in ie, but
has major display errors in firefox
You can view the site at redlightworld.com/premium

Basically, the site views properly in IE, however, in Firefox the <div
id="containerb">, plus lots of other <div> tags does not align in the
center and this thrown off the the right side, top or merged together
on different pages.


another example is on redlightworld.com/login.php
there is issues with <div id="navsubbar"> it shows correctly in ie,
but in firefox the background image is not displayed and the hieght
and padding is not correct, the next <div> tag goes over the top of
it

i have 2 css files
redlightworld.com/css/tpl_style.css
redlightworld.com/css/rlwstyle.css

i am thing its a problem with <div> tags not showing correcly, in ie
the site works 100% ok, but in firefox lots of div tags are not
dispalying correctly at all, any help with hese issue or pointing me
in the right direction to sort the firefox issues out whould be
welcome

thanks in advance

I would try to fix up the CSS and HTML errors first, to see if that helps. I have run your site through the W3C Validator

CSS:
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.redlightworld.com%2Fpremium&profile=css21&usermedium=all&warning=1&lang=en (focus on the Errors, not the Warnings.. most of them are spurious)

(X)HTML:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.redlightworld.com%2Fpremium&charset=(detect+automatically)&doctype=Inline&group=0

Your HTML (for that page anyways, appears to be clean).

One thing I will mention, your "categories" page appears to be a rip of pornhub.com. Why is that?

Marc_W3Solutions
07-09-2008, 08:40 AM
Check your code in FireFox. IE is actually the one with issues. If you check your code in FireFox you run into fewer problems.

arbet
07-09-2008, 09:09 AM
I have faced similar problems in FF , and I couldn't fix it except by using absolute instead of relative to position the divs. Problem occurred in FF3 only.

designrepublic08
07-09-2008, 04:31 PM
It might work better in Firefox 3, did you try it?