+ Reply to Thread
Results 1 to 5 of 5

Thread: CSS: Doubt about positioning div on IE7

  1. 06-14-2011 02:45 AM #1
    Teensweb
    Teensweb is offline     x10 Lieutenant Teensweb is an unknown quantity at this point
    Join Date
    May 2008
    Posts
    352

    CSS: Doubt about positioning div on IE7

    Hi everyone, I now face the simple and irritating trouble of making IE see the truth!
    So, here it goes: I have a layout, It works fine with almost every browser on earth other than IE(7 or lower), and I am one of those guys who want a 'valid html/css' tag on every page I write- same goes true with the layout in question.
    Well, now the trouble I am facing, I got it solved but it lead me to more intense confusions about css positioning.
    From all of my experiences till date I've always concluded that the value for the css left property unless stated explicitly is auto. Now in almost all situations I encountered, auto seems a synonym for 0(except in IE7 or lower). So how do I know if IE is changing the defaults wherever it likes?
    My positioning trouble seem to be solved when I add left:0 to the div in question(absolutely positioned inside parent which's relatively positioned).
    Any help greatly appreciated.
    Info: my doctype is <!DOCTYPE html>
    Reply With Quote Reply With Quote
  2. 06-14-2011 03:24 AM #2
    essellar's Avatar
    essellar
    essellar is offline     Community Advocate essellar has a spectacular aura about
    Join Date
    Feb 2010
    Location
    Toronto, Ontario, CA
    Posts
    1,153

    Re: CSS: Doubt about positioning div on IE7

    IE7 is not a great browser for HTML5; you do need to use a bit of extraneous CSS to make things happen properly. You can add IE-specific CSS using conditional comments to override its little quirks (which it doesn't restrict to quirks mode in any case). A lot of what happens in IE depends on whether or not the hasLayout flag is set on the element (or on its parent element). That means that any rules of thumb you may collect on one project won't apply cleanly to another unless you take hasLayout into account -- it can often be forced by using CSS that otherwise does nothing at all.

    Quirksmode.com is a great resource for all things CSS and IE (and when other browsers choose to be different) -- they've got a lot of blanket fixes on tap for things that would otherwise leave you scratching your scalp completely bald.
    “Beware of bugs in the above code; I have only proved it correct, not tried it.” --Donald Knuth
    "It was as if its architects were given a perfectly good hammer and gleefully replied, 'neat! With this hammer, we can build a tool that can pound in nails.'" -- Alex Papadimoulis (on TheDailyWTF.com)
    Reply With Quote Reply With Quote
  3. 06-14-2011 05:13 AM #3
    Teensweb
    Teensweb is offline     x10 Lieutenant Teensweb is an unknown quantity at this point
    Join Date
    May 2008
    Posts
    352

    Re: CSS: Doubt about positioning div on IE7

    Means everything is unpredictable right? I know about conditionals but the problem is that I'm not sure what to put in there!
    And can you provide any info on why things are great with ie8?
    One more question, can you tell me whats the default margin for an h2 tag? I googled and saw somewhere that its 10px 0 but when I look up in firebug, it seems 19.976px 0 ( computed ) chrome also showed 19, but IE7 seems to give it 0 0. Can you explain how its calculated?
    Reply With Quote Reply With Quote
  4. 06-14-2011 07:04 AM #4
    essellar's Avatar
    essellar
    essellar is offline     Community Advocate essellar has a spectacular aura about
    Join Date
    Feb 2010
    Location
    Toronto, Ontario, CA
    Posts
    1,153

    Re: CSS: Doubt about positioning div on IE7

    You may find it profitable to use a CSS reset and forget about defaults. I know I have. Normalize.css is a good one -- it doesn't completely wipe out all of the element styling (buttons still look like buttons, input elements still look like they ought to, etc.), but it does get rid of all of the annoying differences between the various browsers. Once that's done, there's a bit more work to put the various "default" margin, padding and indent values, but you can be pretty sure that since they're your definitions, they'll be the same across browsers.
    “Beware of bugs in the above code; I have only proved it correct, not tried it.” --Donald Knuth
    "It was as if its architects were given a perfectly good hammer and gleefully replied, 'neat! With this hammer, we can build a tool that can pound in nails.'" -- Alex Papadimoulis (on TheDailyWTF.com)
    Reply With Quote Reply With Quote
  5. 06-14-2011 10:55 PM #5
    Teensweb
    Teensweb is offline     x10 Lieutenant Teensweb is an unknown quantity at this point
    Join Date
    May 2008
    Posts
    352

    Re: CSS: Doubt about positioning div on IE7

    I'll try normalizing, it seems a good idea. But can you tell me exactly how different browsers(atleast ff and chrome) calculates margin for headers?
    Reply With Quote Reply With Quote
+ Reply to Thread
« Previous Thread | Next Thread »

Similar Threads

  1. Positioning and Arrangement using CSS
    By lostcommander in forum Programming Help
    Replies: 5
    Last Post: 10-10-2009, 09:18 PM
  2. Css Positioning
    By liguehs in forum Programming Help
    Replies: 1
    Last Post: 09-08-2009, 07:20 AM
  3. Positioning help
    By xadrieth in forum Programming Help
    Replies: 10
    Last Post: 07-09-2009, 08:02 AM
  4. help with positioning
    By dellerdynamics in forum Programming Help
    Replies: 2
    Last Post: 12-15-2008, 11:03 AM
  5. CSS Positioning Help
    By Ainokea in forum Programming Help
    Replies: 10
    Last Post: 11-06-2008, 05:05 AM

Posting Permissions

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

Forum Rules

x10hosting free hosting for the masses
dedicated servers