Results 1 to 8 of 8

Thread: Site looking different in IE

  1. #1
    Join Date
    Apr 2009
    Posts
    17
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default Site looking different in IE

    So this site ive been working on went live today. and it displays beautifully in Firefox but in IE 7.0 everything is pushed far to the right. I am thinking that the CSS places the text content to close to the header img and that causes it to margin right 160px (taht is what I have it set to do in CSS) but since its too high it shifts right of the header 160px. Anyone else got any ideas? http://potluckyarn.com/prologue.html

  2. #2
    Join Date
    Mar 2007
    Location
    Currently: New York/Philadelphia
    Posts
    2,735
    Thanks
    3
    Thanked 519 Times in 507 Posts

    Default

    Step 1 in getting cross-browser compliant websites: Validate your (X)HTML.

  3. The Following User Says Thank You to Medyman For This Useful Post:

    The Red (04-13-2009)

  4. #3
    Join Date
    Apr 2009
    Posts
    17
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default

    TY for the response. The software I'm using is the not the SW I'm used to. This is a good place for me to start anyhow. Thnx again

  5. #4
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    And for cross-browser markup that's HTML, preferably 4.01 Strict, not XHTML. Also, don't use pixel sizes for positioning.
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends franšais | entiendo espa˝ol | t˘i Ýt hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  6. #5
    Join Date
    Apr 2009
    Posts
    17
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by Twey View Post
    And for cross-browser markup that's HTML, preferably 4.01 Strict, not XHTML. Also, don't use pixel sizes for positioning.
    What would you use instead of px?

  7. #6
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    Usually, for elements that contain text or interact with elements that contain text, you should use ems and for other elements your could use percentages.
    Eddy Proca
    I love Dropbox. Get it through my girlfriend's referral link (I reached my limit) and both you and her get 500 MB extra! Thanks and you're welcome!

  8. #7
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    Not necessarily... percentages are fine for textual elements as well (although it's often a good idea to set a minimum width in ems in that case).

    As Snookerman says, though, the majority of the time you should be using ems or percentages. ems produce a fixed layout and percentages a fluid one; which you use is up to you (percentages are usually better if possible since they resize automatically if the user adjusts the window, but ems should always be OK if the user has the window maximised, and if not the user can resize them to fit). The only things you would ever want to size in pixels in a website layout are images. Since most image formats are pixel-based (embedded SVG isn't widely supported yet), it might make sense to size their containing elements with pixels. However, you must be very careful when doing so, since in a poorly planned design, a single pixel-sized element can restrict others that needn't be pixel-sized in ways you might not expect. Again, ems or percentages for the dimensions and then pixels for minimum dimensions will serve you well. Additionally, any large images (> 100px▓) should not have pixel sizing at all. It's better for part of your pretty image to be obscured on a small display (remember that some mobile devices are as small as 240px by 320px) than for your site become unreadable.
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends franšais | entiendo espa˝ol | t˘i Ýt hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  9. #8
    Join Date
    Apr 2009
    Posts
    17
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default

    Thx for the info I will update and let you know how it goes. Thx again for the help.

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •