Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 10 of 10
  1. #1
    New to the CF scene
    Join Date
    Sep 2004
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Layout help please.

    http://cumrusky.dreyermachine.com/new is the stock design I wanted to use for my blog. This should look the same in both IE and Mozilla.

    So tonight I tried to implement Wordpress to make a nice little blog and ran into a hurdle. Take a look at how it currently looks in mozilla and IE:

    http://cumrusky.dreyermachine.com

    basically, firebird is showing it how I want it...

    IE is not liking #sidebar for some reason and you can see they're in totally different places if you crosscheck it...

    I don't have anymore time to play with it tonight. So if someone could take a look into why it's doing that and post what I need to do to correct it -- I'd really appreciate it...

    thanks,
    Ted

  • #2
    Senior Coder
    Join Date
    Apr 2003
    Location
    San Francisco, CA
    Posts
    2,469
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Can you give me a screenshot of what IE is doing?
    // Art is what you can get away with. <-- Andy Warhol
    ...:.:::: bradyjfrey.com : htmldog : ::::.:...

  • #3
    New to the CF scene
    Join Date
    Sep 2004
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi Brady,

    Yes here is a SS of what I see:


  • #4
    Senior Coder
    Join Date
    Oct 2003
    Location
    Australia
    Posts
    1,963
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Code:
    #sidebar  { 
    background-color: transparent;
    padding-left: 30px; 
    width: 255px; 
    height: 600px; 
    float: left 
    }
    The first thing I would try is adding position:relative;
    Also, why have you defined a height? that's a dangerous practice... You're better off slicing your background so that it can adjust to be any height depending on content amount/font-size.

    I take no responsibility for the above nonsense.


    Left Justified

  • #5
    New to the CF scene
    Join Date
    Sep 2004
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Yeah I plan on taking the heights off once there is enough content that I can change it to auto and still like the way it looks.

    I'll try position:relative and see if that makes any difference.

    Edit: I added position relative but didn't see any difference in either browser. Would you recommend I just leave it?
    Last edited by Ted Wiechelman; 09-28-2004 at 03:32 AM.

  • #6
    New to the CF scene
    Join Date
    Sep 2004
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    That's weird, I took the 30px margin off of the first reference to #sidebar (not html>body #sidebar) and it went away.

    Should I just accept this?

    Does it look the same in both browsers now for you guys also?

    edit: I'm heading out for tonight, I look forward to hearing what you guys say tomorrow... thanks though
    Last edited by Ted Wiechelman; 09-28-2004 at 03:55 AM.

  • #7
    Regular Coder
    Join Date
    Jul 2004
    Location
    engoku no anime
    Posts
    354
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Looks okay to me at 1024 x 768 in FF0.93/Win and IE6.

  • #8
    Senior Coder
    Join Date
    Apr 2003
    Location
    San Francisco, CA
    Posts
    2,469
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Since IE bombs on the box model, the 30px on the sidebar probably was too much for it -- a good reason why it doesn't render properly in IE, but does in others -- serve up one for the other:
    Code:
    #sidebar {
    }
    html>body #sidebar {
    }
    Write your code for IE in the first one, all other browsers in the second one, IE will have no idea.
    // Art is what you can get away with. <-- Andy Warhol
    ...:.:::: bradyjfrey.com : htmldog : ::::.:...

  • #9
    Senior Coder
    Join Date
    Feb 2003
    Location
    Ontario, Canada
    Posts
    1,223
    Thanks
    0
    Thanked 0 Times in 0 Posts
    IE6 gets the box model just fine.

  • #10
    Senior Coder
    Join Date
    Oct 2003
    Location
    Australia
    Posts
    1,963
    Thanks
    0
    Thanked 0 Times in 0 Posts
    This is a moot point, but if anyone will let me argue it with them it's Brady
    Quote Originally Posted by bradyj
    Code:
    #sidebar {
    }
    html>body #sidebar {
    }
    Write your code for IE in the first one, all other browsers in the second one, IE will have no idea.
    I think you've got it back-to-front mate. Serve every browser incorrect code and then correct all but three of them??

    Wouldn't you be better off setting the real value and then correcting the broken browsers?
    eg:
    Code:
    #sidebar {
    /* real values */
    }
    * html body #sidebar {
    /* IE values */
    }
    I just think doing it the other way would cause hell for someone else who has to work with the code in 2-3 years time.
    Quote Originally Posted by AaronW
    IE6 gets the box model just fine.
    ..provided you have a complete DTD (No abreviated doctypes) and don't serve the xml prologue.
    Last edited by mindlessLemming; 09-28-2004 at 10:55 PM.

    I take no responsibility for the above nonsense.


    Left Justified


  •  

    Posting Permissions

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