Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

Browser Specific Problems: IE6 / 7 Simple Problem with centering

Bottom of Page

1 to 13 of 13

  1.  
  1.  permalink
    Hi all,

    got another problem with ie - why dosen';t someone just burn it down its shocking how annoying it is.

    Ok site is fine in FF everything works great - got the green tick and i'm happy hand the thing over for testing and boom all over the shop in IE 6 and 7.

    Main issue - centering the 865px page IN THE CENTER!! why it dosn't understand that i don't know.

    Secondary - Footer set to stay at the bottom of the page in FF and it just goes where it likes - even half way up the page - refresh and it goes 'oh yeah' i'm sposed to be at the bottom!

    anyway check it out and tell me what i have done wrong www.acurainvestments.com
    •  
      CommentAuthorVinojZ
    • CommentTimeMar 27th 2007 edited
     permalink
    In reference to this: "Main issue - centering the 865px page IN THE CENTER!! why it dosn't understand that i don't know."

    Believe it or not, I did this thing on my site that worked dandy. It ain't pretty, but it worked. Basically, I put <center></center> before and after the div in the (X)HTML, and in the CSS, made sure that it had:

    #example {
    position: relative;
    text-align: left;
    width: 865px;
    }

    That way, all the text in your page isn't centered also. I'm sure there's a better CSS way to do it, but just thought I'd offer an easy way out in case you're crunched for time and need IE 5.x/6 to render correctly.
  3.  permalink
    Thanks for that will give it a go this afternoon - when aren't we crushed for time?

    Unfortunatly as it is the whole page its done some really wierd stuff to it so - i think that works fine if you aren't using a css background image as it seems to center that aswell.
  4.  permalink
    for centering using this should do the trick:

    #pageWrap
    {
    display: block;
    width: 865px;
    margin: 0px auto;
    }

    You might discover a 1px jog using odd numbered pixels, try using even numbers such as 866px or 864px. funny what one pixel can do to a layout.
    • CommentAuthorWardLarson
    • CommentTimeMar 27th 2007
     permalink
    set margins left and right to 'auto'

    and you're done.
  6.  permalink
    I got it with the page positioning!!!

    i hadn't set text-align:center; in the '#body' - thats all it needed.

    Just got to get control of the footers in IE and THEN i'm done!

    Any ideas??
  7.  permalink
    Wrestled the footer to the ground! -

    in the header just put:

    <!--[if IE 6]>
    <style type="text/css">
    #footer{position:relative;}
    </style>
    <![endif]-->

    <!--[if IE 7]>
    <style type="text/css">
    #footer{position:relative;}
    </style>
    <![endif]-->

    at it works!

    yay

    thanks for the help guys.
    •  
      CommentAuthorVinojZ
    • CommentTimeMar 28th 2007
     permalink
    Congrats! :)
  9.  permalink
    Last thing - i promise! just trying to get the footer to site right in ie still by tweaking breaks and tweaks but i'm trying to get that 2 column same height thing going on and its proving a bit difficult any pointer anyone?
  10.  permalink
    any suggestions welcome though. Cheers all
  11.  permalink
    Hi guys,

    The footers are still killing me! Browser testing has proved thus…:

    FF (2.0.0.3) – Perfect (as always – good little puppy!)
    IE7 – Footer is currently sitting a centimetre off the bottom or a centimetre below it (dependent on what I do to it – nonchalant as ever)
    IE6 – I have no idea why this has happened (very much messing the carpet and chewing my slippers!).

    HELP – I have used the tutorial based on the man in blue from ages ago and just revised it as I have gone generally fine but now causing issues more frequently and no definitive way of stopping the footer flying around.

    Cheers

    Doug
    • CommentAuthorKarat
    • CommentTimeDec 1st 2010
     permalink
    I have been banned cause I'm an idiot
    Yes, <A href="http://karatcarpet.com">Ковры</A> buy from css style.. or <A href="http://karatcarpet.com">carpets</A> style.
    •  
      CommentAuthorAdamC
    • CommentTimeJan 2nd 2011
     permalink
    I would advice you to dump ie and move to any other browser as i am sure it will be better. Firefox comes highly recommended here

1 to 13 of 13

  1.  
Add your comments
    Username Password
  • Format comments as (Help)
 
Back to Discussions Top of Page