Jump to content


Photo

IE & FF interpers my website wrong.. any fix?


  • Please log in to reply
7 replies to this topic

#1 nygorn

nygorn

    Young Padawan

  • Members
  • Pip
  • 54 posts
  • Gender:Male
  • Location:Sweden

Posted 27 December 2011 - 02:42 PM

Hi.
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 JimmyJames

JimmyJames

    Young Padawan

  • Members
  • Pip
  • 39 posts
  • Gender:Male
  • Location:Calgary, AB

Posted 27 December 2011 - 06:57 PM

Post a link?
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 nygorn

nygorn

    Young Padawan

  • Members
  • Pip
  • 54 posts
  • Gender:Male
  • Location:Sweden

Posted 28 December 2011 - 05:00 PM

Here is the link for the CSS:

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 JimmyJames

JimmyJames

    Young Padawan

  • Members
  • Pip
  • 39 posts
  • Gender:Male
  • Location:Calgary, AB

Posted 28 December 2011 - 08:07 PM

That doesn't do me much good unless I can see the page though, I need to use diagnostic tools in Firefox and IE to see where the difference in classes being applied is occuring and then determine why. Please post working copy.

#5 nygorn

nygorn

    Young Padawan

  • Members
  • Pip
  • 54 posts
  • Gender:Male
  • Location:Sweden

Posted 29 December 2011 - 07:08 AM

You meen link to website?
HTTP://nysa.me/test/

#6 JimmyJames

JimmyJames

    Young Padawan

  • Members
  • Pip
  • 39 posts
  • Gender:Male
  • Location:Calgary, AB

Posted 04 January 2012 - 09:50 PM

Firstly your declaration needs to be BEFORE the opening tag, it should be the very first line of the document.

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 Hayden

Hayden

    P2L Jedi

  • Members
  • PipPipPip
  • 717 posts
  • Gender:Male
  • Location:Texas

Posted 15 January 2012 - 02:57 PM

Check out CSS Grid Systems, with the addition of http://cssgrid.net will take care of the bulk of the problems.
  • 1P0 likes this

#8 JimmyJames

JimmyJames

    Young Padawan

  • Members
  • Pip
  • 39 posts
  • Gender:Male
  • Location:Calgary, AB

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