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 13 of 13

Thread: IE Hackery Help

  1. #1
    Senior Coder gsnedders's Avatar
    Join Date
    Jan 2004
    Posts
    2,340
    Thanks
    1
    Thanked 7 Times in 7 Posts

    IE Hackery Help

    It's come to my attention that my blog now looks rather dilapidated in IE6/Win, anyone mind helping me out? I think it's mostly due to IE6 putting padding on the outside of the width.

    Edit: Correct Rendering:


    IE Rendering:

    Last edited by gsnedders; 08-19-2005 at 07:30 PM.

  • #2
    Senior Coder NancyJ's Avatar
    Join Date
    Feb 2005
    Location
    Bradford, UK
    Posts
    3,172
    Thanks
    19
    Thanked 65 Times in 64 Posts
    hey geoffers, did you want me the other day? I was having my tea and you were offline when I got back

  • #3
    Regular Coder
    Join Date
    Jul 2005
    Location
    Halifax, Nova Scotia, Canada
    Posts
    392
    Thanks
    1
    Thanked 0 Times in 0 Posts
    My life is so boring I had to fake that this board was like a Soap Opera and something sexy was going to happen between Nancy and Error404.

    "Did you want me the other day?"

    *grabs shoulders and roughly pins him down in the arm-chair*
    Once I thought I was wrong but I was mistaken.

  • #4
    Senior Coder gsnedders's Avatar
    Join Date
    Jan 2004
    Posts
    2,340
    Thanks
    1
    Thanked 7 Times in 7 Posts
    Quote Originally Posted by Tristan Gray
    My life is so boring I had to fake that this board was like a Soap Opera and something sexy was going to happen between Nancy and Error404.

    "Did you want me the other day?"

    *grabs shoulders and roughly pins him down in the arm-chair*
    Only problem is there is no member of this board called Error404...

  • #5
    Senior Coder NancyJ's Avatar
    Join Date
    Feb 2005
    Location
    Bradford, UK
    Posts
    3,172
    Thanks
    19
    Thanked 65 Times in 64 Posts
    oh behave! I dont know where you're from but round here that sort of thing's illegal!

  • #6
    Regular Coder
    Join Date
    Jul 2005
    Location
    Halifax, Nova Scotia, Canada
    Posts
    392
    Thanks
    1
    Thanked 0 Times in 0 Posts
    I'm from Canada, and all is permitted!

    But seriously folks, what is your blog supposed to look like? It displays readably for me, but has no side panel.

    EDIT: Nevermind, it is ugly. The banner image does not take up the whole content div thingy. I'll look at it in firefox and then see.
    Once I thought I was wrong but I was mistaken.

  • #7
    Senior Coder NancyJ's Avatar
    Join Date
    Feb 2005
    Location
    Bradford, UK
    Posts
    3,172
    Thanks
    19
    Thanked 65 Times in 64 Posts
    IN FF the banner fits, it just needs the width adjusting for ie. Usually I go with adding *width: iewidth px; underneath the regular width definition

  • #8
    Regular Coder
    Join Date
    Jul 2005
    Location
    Halifax, Nova Scotia, Canada
    Posts
    392
    Thanks
    1
    Thanked 0 Times in 0 Posts
    I usually redo my design if this occurs because usually I find that if I have to hack my page to make it display properly it means that I am generating the layout in not the simplest form and the error could likely be solved by using a smarter design.

    I really hate hacks.
    Once I thought I was wrong but I was mistaken.

  • #9
    Senior Coder NancyJ's Avatar
    Join Date
    Feb 2005
    Location
    Bradford, UK
    Posts
    3,172
    Thanks
    19
    Thanked 65 Times in 64 Posts
    I hate hacks too and I rarely have to use them - havent encountered the padding width ie problem in ages but sometimes ie just needs a nudge in the right direction or needs wiggling to do something that it cant

  • #10
    Senior Coder gsnedders's Avatar
    Join Date
    Jan 2004
    Posts
    2,340
    Thanks
    1
    Thanked 7 Times in 7 Posts
    Can anyone help me though?

  • #11
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    It seems to me that people don't realize that padding counts for overall width! On top of that IE reads it wrong. It will give something like a double margin/padding. Try adding display:inline; to the CSS for #sidebar. In actuality I would do your site a bit different. http://bonrouge.com/2c-hf-fixed.php same concept, but the sidebar comes before the content and the content is given enough right margin to clear the width of the sidebar that would be floated to the right. This http://www.brunildo.org/test/ seems to be useful when it comes to layouts and hacks and other css tests among browsers.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #12
    Senior Coder gsnedders's Avatar
    Join Date
    Jan 2004
    Posts
    2,340
    Thanks
    1
    Thanked 7 Times in 7 Posts
    Quote Originally Posted by _Aerospace_Eng_
    It seems to me that people don't realize that padding counts for overall width! On top of that IE reads it wrong. It will give something like a double margin/padding. Try adding display:inline; to the CSS for #sidebar. In actuality I would do your site a bit different. http://bonrouge.com/2c-hf-fixed.php same concept, but the sidebar comes before the content and the content is given enough right margin to clear the width of the sidebar that would be floated to the right. This http://www.brunildo.org/test/ seems to be useful when it comes to layouts and hacks and other css tests among browsers.
    I think it's more to do with me confusing what is the standard and what IE does Well, I've managed to do some hacking away at it, and I've got the container to the right width (it's 650px, despite the CSS saying it's only 610px...). The display:inline; didn't help.

  • #13
    Senior Coder gsnedders's Avatar
    Join Date
    Jan 2004
    Posts
    2,340
    Thanks
    1
    Thanked 7 Times in 7 Posts
    OK, after putting in IE only borders to show the outline of the divs, I came across something very stupid, one line is exceeding the width, and stopping the floating from happening.


  •  

    Posting Permissions

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