SitePoint Sponsor

User Tag List

Results 1 to 9 of 9
  1. #1
    SitePoint Enthusiast
    Join Date
    Jun 2011
    Posts
    56
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Layout Issue on IE

    Hi guys,

    im having layout issue on IE.. it works well on firefox and chrome.. heres the screnshot..



    it should be like this



    Thanks

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,097
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    We can't help you without the code—preferably a link.

    Which version(s) of IE is this happening in?
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  3. #3
    SitePoint Enthusiast
    Join Date
    Jun 2011
    Posts
    56
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,097
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Hm, strange that it's not aligning center. Perhaps you need to set an explicit width on the containing td or tr (i.e. width: 100%). Worth a try, anyhow.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  5. #5
    SitePoint Enthusiast
    Join Date
    Jun 2011
    Posts
    56
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    where to appy it? thanks

  6. #6
    SitePoint Member
    Join Date
    Aug 2011
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Try to use latest version of IE or check the site by applying some changes in width I hope your problem will be solved.
    Last edited by Black Max; Aug 13, 2011 at 09:37. Reason: fake sig removed, warning already issued

  7. #7
    Non-Member bronze trophy
    Join Date
    Nov 2009
    Location
    Keene, NH
    Posts
    3,760
    Mentioned
    23 Post(s)
    Tagged
    0 Thread(s)
    Tables for layout, single TD tables (meaning why the devil is it in a table?), non-semantic markup, meaningless run-ons thanks to the lack of semantics, presentation and style inlined in the markup, -- there is more of 1998 to this than 2011. Even if you were building it as a table based layout it only warrants the use of ONE table (name/comments area), NOT thirteen of them!

    Even TRYING to get that working cross-browser is a colossal waste of time and effort -- likely why I'm seeing four different appearances in four different browsers here. Also explains why you have 35k of HTML doing the job of 12k or less.

    Throw it out, and start over with SEMANTIC markup instead of 1990's style presentational. You might want to consider switching the content to %/em as well so users like myself don't have to dive for the zoom or say "to heck with it" and just visit some other website. In addition to the code being an accessibility train wreck, the use of px metric fonts just throw fuel on the fire.

  8. #8
    SitePoint Member
    Join Date
    Aug 2011
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You can try to reset the css style. Set all margins, padding, borders and outline to 0 -zero-. Than define the margins for div to auto. Specifically define the width of that div in pixels - not in %.

  9. #9
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,276
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    The page isn't centered because you have a doctype that sends all versions of IE into quirks mode and in quirks mode they all use the broken box model and don't understand auto centring (among many many other things).

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    It should be at least this:

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    But preferably this:

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    That page is a bit old fashioned and could do with updating to today's common best practices.


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
  •