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 8 of 8
  1. #1
    New Coder
    Join Date
    Mar 2007
    Posts
    76
    Thanks
    0
    Thanked 0 Times in 0 Posts

    IE6 and a stupid gap from out of the blue

    I've been spending the past hour trying every single css trick/ie hack i know (ok so i dont know a lot) to try and fix this:

    http://krokador.freepgs.com/test_design2.html

    view it in firefox, it looks good, exactly as i intended. However, in IE 6 theres this annoying little gap to the left of the place where the content will go (it reads as "Testing longer contents without line breaks to see if it wraps down, which it shoudlnt because no width is set anywhere hahah its great lets take a look at it in IE6 now." Well the problem is the header there where its written Rabelheim. Its dephazed to the right by about 2-3 px... but im using the same logic than for the menus on the left, so really dont know whats wrong with it...

    you can take a look at the markup with view source, the css stylesheet can be found at
    http://krokador.freepgs.com/test3.css

    I really can't figure out what's wrong with that one div. it looks like some kind of invisible border or whatnot. I have tried margin 0, margin -2px... i tried to put padding 0 on the content div... im about to give up on it so if anyone has a solution or an idea, I'll keep working on it.

    Thanks all for the help, it is, as usual, greatly appreciated (and maybe one day ill be able to help others with the experience -.-)
    Last edited by Krokador; 05-30-2007 at 02:16 AM.

  • #2
    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
    Add this to your stylesheet
    Code:
    * html #leftmenu {
    margin-right:10px;
    }
    * html #contentzone {
    margin-left:0;
    height:1%;
    }
    The above will only target IE6 and below. IE7 doesn't have this bug. More info here.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    New Coder
    Join Date
    Mar 2007
    Posts
    76
    Thanks
    0
    Thanked 0 Times in 0 Posts
    i read the article you linked to and finally just added the
    * html #contentzone {
    height:1%;
    }

    and it worked (my margin are all set to 0 to begin with, and I didnt really need a 10px margin to the right lol)

    Thanks a great deal, I had found a temporary fix which was to add a left margin of 3px to the box under the one causing problem (so it would be taken by IE6 only), but I didn't really like that lol.

  • #4
    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
    Did you upload your changes? It doesn't appear to be fixed on my end. At least not on the link you've provided. Your #contentzone div has a left margin of 187px.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #5
    New Coder
    Join Date
    Mar 2007
    Posts
    76
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Oh yeah I didn't upload my changes on that page lol. But hey while we're at it, I now got a problem with firefox... Basically, the content on the right will display the first block, (like a table, or a line with a <br /> at the end) and then it will go down to the height of the left div before displaying the rest of the content like here:
    http://krokador.freepgs.com/dev/rules.php
    (I added a few line breaks on the left just so it could be more clear what the problem is) For once, its not an IE bug... or its probably an IE bug that makes it display right. I've been trying a few things, like adding floats but the only thing I managed to do is make the content zone wrap down... not cool.

    And once again, thanks for your help, I wouldve never made it without everyone who's answered me on here, I'm almost there hehe!

  • #6
    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
    You've got a bottom padding of 10px on #contentzone. Remove it.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #7
    Senior Coder koyama's Avatar
    Join Date
    Dec 2006
    Location
    Copenhagen, Denmark
    Posts
    1,246
    Thanks
    1
    Thanked 5 Times in 5 Posts
    Quote Originally Posted by Krokador View Post
    Basically, the content on the right will display the first block, (like a table, or a line with a <br /> at the end) and then it will go down to the height of the left div before displaying the rest of the content like here: http://krokador.freepgs.com/dev/rules.php
    Also, you have this:
    Code:
    br {
      clear: left;
    }
    That is why lines after the <br> are pushed down below the left menu (in Firefox).

  • #8
    New Coder
    Join Date
    Mar 2007
    Posts
    76
    Thanks
    0
    Thanked 0 Times in 0 Posts
    ooooh... I had added that for the form at the top lol. thanks, I'll find a way around it lol i never thought this wouldve been my problem.

    As for the margin-bottom... Don't remember why it was there either... probably from when I had another div wrapping up the content section... removed anyway ^^

    thanks a lot you guys have been of great help as usual
    Last edited by Krokador; 06-03-2007 at 01:31 PM.


  •  

    Posting Permissions

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