Hi, Francky!

IE 6 does not read "border: transparent" and makes a 1px black border around 
the 
wrapper...

I can fix it using a CSS filter, of course...

But there comes FF 1.5.0.1/win, which (because of the border, apparently), 
shifts LEFT the image background on the right, and because of that the 
background does not align with the background of the header and footer.

So, for now I am reverting to the original code:
#wrapper {
background: #832A0C url(/web/cantarco/img/wrapper-left.gif) top left repeat-y;
}
#wrapper-inner {
background: url(/web/cantarco/img/wrapper-right.gif) top right repeat-y;
}

...and trying to resolve the problem with IE 6.0/win.

See screenshot here:
(this is how it look at SPECIFIC resolutions - not all - at the right:)
http://lelion.info/web/screenshots/cantarco/IE6.jpg

1) Shift of one pixel, although the background is "top right repeat-y" and nor 
border, no padding or margin?
2) Horizontal scrollbar?

I am using percent so I can achieve the "liquid" thing, simply floating two 
columns:

#leftcol {
width: 23%;
float: left;
}

#maincol {
width: 66%;
float: right;
background: #EEE;
padding: 10px;
margin: 20px 3%;
border: 4px solid #73190D;
}

Both floating columns are inside #wrapper and #wrapper-inner.

Problem occurs only in IE 6/win, FF 1.5+, Opera 8.5+ are OK, so I guess I have 
to fix this for IE, somehow?///

Anyone any ideas?

Of course, moving to "fixed" would resolve all of my problems, but I still have 
hope I can overcome this one-pixel problem and hor. scrollbar? :-)

Good day to everyone on this great list! :)))



Michel


=========================
francky wrote:
> Michel Bozgounov wrote:
> 
>> OK, here's the link:
>> http://lelion.info/web/cantarco/
>>
>> [...]
>> In IE at the right, all is wrong [...]
>> FF, Opera are OK (on Windows).
>>

> Hi Michel,
> George gave already some good advices to get IE playing the game.
> I've something about FF...
> In my FF1.07 under Windows98SE the images wrapper-left.gif and 
> wrapper-right.gif don't show as borders left and right of the middle 
> part. Resizing window or other resolutions don't help: never shown. See 
> screenshot 
> <http://home.tiscali.nl/developerscorner/css-discuss/images/cantaro-ff1.gif>. 
> 
> It seems adding a transparent border to the #wrapper-inner will solve 
> this. See screenshot2 
> <http://home.tiscali.nl/developerscorner/css-discuss/images/cantaro-ff2.gif>. 
> (perhaps the IE-hacks for other things then need to be finetuned 
> somewhat; I didn't test in IE).
> - Mozilla 1.71 and old NN6.2 don't show the side-img's either: seems to 
> be so for the whole Gecko-family under Win98SE..
> - Opera 7.54 and Opera8.01 are o.k. under Win98SE.
> 
> Greetings,
> francky


______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to