IE & FF interpers my website wrong.. any fix?
#1
Posted 27 December 2011 - 02:42 PM
I've a bit of a problem with IE and FF (i myself is using chrome).
IE interpers my whole site wrong and mixes everything up and stuff.
FF misses BG colors in my menu to the left and aligns my <hr> waaay wrong.
Is there any kind of fix for this?
like a seperate CSS for FF and IE ?
#2
Posted 27 December 2011 - 06:57 PM
What versions of IE and Firefox are you using. The IE issues might be caused by a lack of, or improper doctype declaration, make sure to use (below) above your <html> tag.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
It's also a good set padding and margin to 0 on everything as there are differences between IE, Firefox, Chrome and how they handle these attributes. This can be achieved by:
* { padding:0; margin:0; }
As for the awry colors, I'm guessing you may have messed up your CSS selectors, I'd have to see the file though.
If you can post a link I can probably resolve this for you.
Cheers.
#3
Posted 28 December 2011 - 05:00 PM
http://pastebin.com/...BR<br /><br />The comments are in swedish thou..
I did try to add the doctype but nothing changed.. I've an centered website but in IE 8 everything aligns to the left.
In firefox the alignment is good on the site except for an <hr> tag and colors missing on my links in #blogg_cat and #blogg_category and #blogg_subcat
#4
Posted 28 December 2011 - 08:07 PM
#5
Posted 29 December 2011 - 07:08 AM
HTTP://nysa.me/test/
#6
Posted 04 January 2012 - 09:50 PM
Next remove all the CSS you applied to HTML
Add the following CSS to the top of your CSS file:
* { margin:0; padding:0; }(you will need to adjust padding and margins on your other elements that get thrown off a bit)
to the #container CSS remove float:none and add display:table
Your site should now look fine in IE8 (tested in IE 8.0.6 in Windows XP running on my VM)
Enjoy!
Edited by JimmyJames, 04 January 2012 - 09:51 PM.
#7
Posted 15 January 2012 - 02:57 PM
- 1P0 likes this
#8
Posted 16 January 2012 - 04:39 PM
Check out CSS Grid Systems, with the addition of http://cssgrid.net will take care of the bulk of the problems.
I think you're beating a dead horse now, he'd have to re code his entire template to work with a column based layout anyways. Not to mention it's an entirely new concept and way of coding for most people, and the documentation at CSS-Grid is lacking (to put it mildly).
Edited by JimmyJames, 16 January 2012 - 04:39 PM.
- 1P0 likes this
0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users