WordPress.org

Forums

major alignment trouble, i think with just ie tho. (13 posts)

  1. carldesigns
    Member
    Posted 8 years ago #

    i just don't get it, about to pull my hair out and never had this much trouble with a layout before...

    http://uvskate.net/uvl/

    any help would be great and thanks in advance.

  2. yosemite
    Member
    Posted 8 years ago #

    Try adding a float:left; to .main_left

    Slap that IE into shape!

  3. carldesigns
    Member
    Posted 8 years ago #

    i added that then it looked fine in ie but messed it up in firefox, flock and safari..

    durrrrrrrrrrr.

  4. carldesigns
    Member
    Posted 8 years ago #

    soory and it messed up alignment in ie still.. if any one has acces to mac and ie please help me out..

    thanks.

  5. carldesigns
    Member
    Posted 8 years ago #

    ok i got firefox, flock, safari working fine. its now just ie and i will leave the codes and css alone till i get a response.

    sorry for all the post but i am now lost and need help.

    thanks in advance.

  6. yosemite
    Member
    Posted 8 years ago #

  7. carldesigns
    Member
    Posted 8 years ago #

    I actually have that

    in my header:
    <!--[if lt IE 6]>
    <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory')?>/style_ie.css">
    <![endif]-->

    and the style_ie.css is:
    .main_left {float:left;}
    .main_cent {float:left;}
    .main_right {float:left;}

    .left {float:left;}
    .right {float:left;}

  8. yosemite
    Member
    Posted 8 years ago #

    And it looks ok in IE now, both columns, side-by-side. Only difference I see is in how FX and IE are handling that .cent_top (IE forces the 170px, FX ignores it).

    Is .cent_top going to be used for something (right now it's just a 'spacer')?

  9. carldesigns
    Member
    Posted 8 years ago #

    just a spacer..

  10. yosemite
    Member
    Posted 8 years ago #

    I have more luck using a margin (not padding) for that kind of spacing. Typically it's 'respected' in multiple browsers (if you use px, I've had problems using em).

  11. carldesigns
    Member
    Posted 8 years ago #

    .main_cent {
    width:36px;
    height:100%;
    vertical-align:top;
    display:table-cell;
    text-align:left;

    }
    .cent_top {
    width:36px;
    height:170px;
    vertical-align:top;
    background-color:#050505;

    }

  12. yosemite
    Member
    Posted 8 years ago #

    Yup, that's the code there...

  13. carldesigns
    Member
    Posted 8 years ago #

    Yeah, i know, i added some padding to it and it is in px and not em. still can't get the dang thing to aling right.

    i then took the padding back off..

    Ill try n play with it some more.. I just need to get past this so i can work on the rest of the site.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags