...

View Full Version : IE6 and a stupid gap from out of the blue



Krokador
05-30-2007, 02:14 AM
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 -.-)

_Aerospace_Eng_
05-30-2007, 04:50 AM
Add this to your stylesheet

* 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 (http://www.positioniseverything.net/explorer/threepxtest.html).

Krokador
05-31-2007, 11:11 PM
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.

_Aerospace_Eng_
05-31-2007, 11:22 PM
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.

Krokador
06-02-2007, 03:06 AM
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!

_Aerospace_Eng_
06-02-2007, 03:31 AM
You've got a bottom padding of 10px on #contentzone. Remove it.

koyama
06-02-2007, 03:40 AM
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:


br {
clear: left;
}
That is why lines after the <br> are pushed down below the left menu (in Firefox).

Krokador
06-03-2007, 02:42 AM
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 :)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum