View Full Version : CSS issues with IE & Firefox

08-04-2010, 07:07 AM
Hi all, I'm relatively new to javascript/css (but I do have a background in html). I am experiencing a strange problem with a basic website I am creating. It is hosted on angelfire (just a testing server, I'm actually building it with dreamweaver to be hosted elsewhere), and it was relatively easy to figure out how to kill the mandatory ads (I simply trapped them between noscript tags).

When I remove the ad-killer tags, the page loads fine in both IE & firefox. Unfortunately when I have my little ad-killer tags, the page displays fine in firefox, but comes out weird in IE. I have scowered the web and have found info on something to do with the float/padding command in css, but I have tried to change it and it didn't make a difference.

I'm thinking it may be as simple as what the ad may classify the page as (for IE to display it properly) or it may be an issue with something in the float/padding command in the css file. Any thoughts? Thanks in advance for any help. Boy do I hate IE, makes everything so complicated! :rolleyes:

08-04-2010, 09:07 AM
A link to your page would help.

08-04-2010, 09:29 AM
A link would indeed help. However, I know this is probably not the answer your looking for, but I would suggest not worrying about it for the below reasons:

- As you said, you only are hosting it there for testing purposes
- If you host it there for any longer or get any traffic there, angelfire will probably take it down anyway because you are cheating their policy
- If everything else is fine and you are planning on buying hosting later and not using any "ad killer" tags, why does it matter that these tags change things?

If this is still really bothering you, I'd be glad to host the site for you for free for a little bit so you can see how it looks with no ads and no need to kill ads in IE. Contact me through the form at http://jenius.me/contact.html and I'll find a way for you to get me the files.

Finally, I would suggest not using dreamweaver for web coding. It is much easier to solve problems and learn using a more manual based text editor or a tool like coda.

Cheers, and good luck!

08-04-2010, 09:36 AM
Hi thanks for the input guys.

It's a basic site for my footy club, http://bxbushies.tk will get you there. It's really odd what IE is doing when loading the site, I've changed a few things now it's centering text for some reason. Seriously puzzling, if you open one in firefox and the other in IE you'll see what I mean.

Appreciate the help, please let me know what I can do - can forward the css file somewhere if necessary.

08-04-2010, 10:00 AM
It'd be a good idea to fix all the errors in your markup before checking cross browser issues, see http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.angelfire.com%2Fempire%2Fstu%2Findex.html

Anything before the DOCTYPE declaration will turn IE into quirks mode.

08-04-2010, 10:31 AM
That rocks thanks abduraooft. I'll look into fixing all that, will keep you posted. I didn't even know it had errors (dreamweaver certainly didn't find any). One last thing, why does firefox display it correctly if IE craps itself? (oh I get it, mozilla has real coders? :P)

Oh and jenius, I'm only using dreamweaver as it allows me to code and see the result (split frames) at the same time. I'm working with the code elements, not the drag and drop type editor that comes with it (although technically I could resort to that, but I'd rather learn like you said).

08-04-2010, 11:20 AM
And btw, don't you know why frames are so bad (http://www.html-faq.com/htmlframes/?framesareevil)?

08-04-2010, 11:37 AM
hmm.. what do you suggest as an alternative? (no I didn't/don't know why as I'm a newbie coder for this type of style) I am running off some generic script to get the setup I wanted. I also changed my test server from angelfire to x10, updated the xhtml & doctype declaration and problems disappeared!

08-06-2010, 08:12 AM
Hmm still having issues, I'm now here http://bushrangers.x10.bz/

any thoughts? I'll continue working through the validator that abduraooft put up for the time being.

08-06-2010, 10:18 AM
<?xml version="1.0" standalone="no" ?> Remove that line from above DOCTYPE, as IE will turn into quirks mode when it encounters anything before DOCTYPE.

08-06-2010, 11:43 AM
Thanks guys, appear to have it sorted. IE is still quirky with <!--HEADER--> type stuff. What a royal pain.

One last question, have been straining the brain on how to line up the "latest news" image with the top of the centralised team picture (I think it would look neater). Can anyone see what is keeping it slightly lower?

08-06-2010, 11:54 AM
There's a padding-top:10px; set to .block

08-06-2010, 12:09 PM
champion. Really appreciate the help and patience :)