My design in IE

Discussion in 'Web Design & Coding' started by MdSalih, Apr 19, 2005.

  1. MdSalih

    MdSalih The Boss

    Messages:
    1,730
    Location:
    Birmingham, UK
    Having a problem with a design i'm working on.. have decided to have a stab at using CSS.

    Here is the site:
    http://www.mdsalih.com/index2.php

    Now, I've been trying to make the design work in both IE and Firefox, however, once I fix something in either, it'll break it in the other. At the moment, as can be seen above, I have it working perfect (the front page) in Firefox but its broken in IE.

    Anyone have any suggestions on what I'm doing wrong exactly? Thanks.

    MdSalih
     
  2. Geffy

    Geffy Moderator Folding Team

    Messages:
    7,805
    Location:
    United Kingdom
    what types of positioning are you using, thats 'hella' b0rk

    sweet design though in proper browsers

    btw
    Use only allowed characters for class and id: Class and id names can only consist of the characters [A-Za-z0-9] and hyphen (-), and they cannot start with a hyphen or a digit

    I think you have one or two with underscores in there. which isnt legal, though thinking about it I have used it before in one design I did a while ago, I should probably remove them and see if it fixes things

    am assuming that #container goes around just about all the page content like the header and everything else. you might want to use more absolute positioning instead of relative. Interesting thing I have noticed though is that if you nest absolute positioning elements they will position themselves inside the parent element, so its absolute relative to the parent as opposed to the page itself.

    Hope that helps
     
    Last edited: Apr 19, 2005
  3. MdSalih

    MdSalih The Boss

    Messages:
    1,730
    Location:
    Birmingham, UK
    Thanks for the tips, much appreciated - will have a shot and messing with that to fix it up alittle.

    Have changed the DOCTYPE to strict and that appears to have made a huge difference, now to work out the small little things.

    MdSalih
     
    jimi_81 likes this.
  4. Jewelzz

    Jewelzz OSNN Godlike Veteran

    Messages:
    10,977
    Location:
    California
    Site looks great MdSalih
     
  5. jimi_81

    jimi_81 Moderator Political User

    Messages:
    820
    Location:
    Stoney Creek, ON, Canada
    yes, its great!
    i really like it (in firefox)

    i checked out the css file... display abolute always gives me nightmares.
    i try to avoid and thats probably why i cant make anything nearly as good as that!

    :)

    good luck
     
  6. Lee

    Lee OSNN Proxy

    Bit of a problem in Opera 8 though, login very minute:
     

    Attached Files:

  7. MdSalih

    MdSalih The Boss

    Messages:
    1,730
    Location:
    Birmingham, UK
    Thanks guys :)

    Lee - thanks for the heads up. hmm.. Opera... hmm.. not too worried about that 0.4% of the hits are Opera.. if i get time.. I'll see if i can fix it up for Opera. Firefox and IE are my main targets.

    MdSalih
     
    ~bk likes this.
  8. ~bk

    ~bk I Political User

    Messages:
    3,768
    Location:
    Canada
    Woah! Sweet design man. :)
     
  9. Xie

    Xie - geek - Subscribed User Folding Team

    Messages:
    5,275
    Location:
    NY, USA
    Nice looking site man. It looks great in Mozilla. :) Is it possible to make a different css file for IE since it hates standards, and would make it easier for you to support both FF and IE?
     
  10. NetRyder

    NetRyder Tech Junkie Folding Team

    Messages:
    13,256
    Location:
    New York City
    Nice! The site looks awesome! :up: (although it is completely b0rked in IE)
    (By the way, how come I'm the only one with a last name under the Friends section? :p)
     
  11. gonaads

    gonaads Beware the G-Man Political User Folding Team

  12. MdSalih

    MdSalih The Boss

    Messages:
    1,730
    Location:
    Birmingham, UK
    Yep, validation is an idea.. i'll get around to that eventually :p

    Given the fact that even if its all valid IE will still find a way to mess it up, its not my largest concern at the moment.

    I've now managed to get the site working in Firefox and IE - but it appears its only working correctly in my house :p - everyone else I ask to have a look at it with IE 6 sp2 seems to see it all messed up - I have no idea whats up with that (cleared history and all that)

    Would be nice if some more people could check it out, post up some screen shots if possible.

    Thanks.

    MdSalih
     
  13. MdSalih

    MdSalih The Boss

    Messages:
    1,730
    Location:
    Birmingham, UK
    Heh.. fixed :)

    MdSalih
     
  14. Eagle710

    Eagle710 OSNN Senior Addict

    Messages:
    312
    Location:
    Toronto, Ontario, Canada
    Well not bad in Mozilla..... but those errors the gonads shows are very crazy not using valid XHTML lol..... its alright its easy just take some time.
     
  15. jimi_81

    jimi_81 Moderator Political User

    Messages:
    820
    Location:
    Stoney Creek, ON, Canada
    in IE it almost looks like the absolute positioning is placing things starting from the center of the screen.

    hmm
     
  16. gonaads

    gonaads Beware the G-Man Political User Folding Team


    Here be screeny from IE6 SP2:
     
    Last edited: Apr 5, 2007
  17. gonaads

    gonaads Beware the G-Man Political User Folding Team

    These are Mozilla1.7.7 and Firefox 1.0.3 screenies:
     
    Last edited: Apr 5, 2007
  18. j79zlr

    j79zlr Glaanies script monkey Political User

    Messages:
    2,725
    Location:
    Chicago
    Changing your Doctype to XHTML would help with a lot of your errors, you have HTML 4.01 designated, but you are using xml attributes.
     
  19. X-Istence

    X-Istence * Political User

    Messages:
    6,498
    Location:
    USA
    Looks good in Safari as well. (Thought i'd chime in for the mac world)
     
  20. gonaads

    gonaads Beware the G-Man Political User Folding Team

    This is what it be like in Opera 7.54:
     
    Last edited: Apr 5, 2007