4 replies [Last post]
Jonathan
Jonathan's picture
Offline
newbie
Nashville, TN
Last seen: 16 years 45 weeks ago
Nashville, TN
Timezone: GMT-6
Joined: 2004-01-17
Posts: 5
Points: 0

Could someone please give me a little help with this?

Link in question:
---

CSS File:
---

I have tried a few ways of doing what I want done. One was the obvious left border on the right column. It worked fine until the content on the left scrolled longer than the content on the right. I have done the a"old" content image hack as talked about at ala to make the border run straight down, however that had its own set of IE on windows problems as well as IE on mac.

Content image hack try:
------

Then I thought well if the border is going to follow the longer layer, just make the left layer have a right-border and flush the sidebar titles to it. It worked and displays nicely in Firebird .7 mac, safari 100.1, OmniWeb 4.5, and (surprisingly) on IE5.2 mac. so with hope in my heart I went to a windows machine and pulled up IE6 and for some reason there are 2 pixels (I think that's the amount) in between the border and the sidebar title, however it worked fine in Mozzila 1.3 windows.

Could someone enlighten me as to where the extra pixels are coming from? I would like the image hack to work out the counting was off or something and whatever I did to fix it on IE6 broke all the others.

Thank you,
Jonathan

Jonathan
Jonathan's picture
Offline
newbie
Nashville, TN
Last seen: 16 years 45 weeks ago
Nashville, TN
Timezone: GMT-6
Joined: 2004-01-17
Posts: 5
Points: 0

Help with flush to borders in IE6

Alright I have cut the CSS file down, and made the #sidecontent a class (oops shouldn't have been an id). it displays fine in Safari 100.1, OmniWeb 4.5 (and it should look the same as safari because they both use webkit), Mozilla 1.6 on mac os x (assuming it looks the same in mozilla on windows since it is the same rendering engine), and firebird .7 on mac os x. Opera 6.0.3 mac looks good except the header image doesn't display correctly after a window resize. Also, surprisingly again IE 5.2.3 on the mac renders the page wonderfully.

I don't have access to a windows machine today so could anyone verify the way it looks on IE5.5 or 6 for me?

--------

The page is valid XHTML Strict and CSS2.

http://validator.w3.org/check?uri=http://www.ctnhome.com/tp/css/simple.html

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.ctnhome.com%2Ftp%2Fcss%2Fsimple.html&warning=1&profile=css2&usermedium=all

Could anyone post some pointers if the page doesn't render correctly on IE for windows?

Daybreak_0
Offline
Enthusiast
Sydney, Australia
Last seen: 17 years 2 weeks ago
Sydney, Australia
Timezone: GMT+10
Joined: 2003-11-15
Posts: 389
Points: 0

Help with flush to borders in IE6

I think this may be your problem

http://www.positioniseverything.net/explorer/threepxtest.html

Regards
Day

The only way to learn is to do it yourself

Jonathan
Jonathan's picture
Offline
newbie
Nashville, TN
Last seen: 16 years 45 weeks ago
Nashville, TN
Timezone: GMT-6
Joined: 2004-01-17
Posts: 5
Points: 0

Help with flush to borders in IE6

thank you daybreak, I will look in to it when I sit down at a windows machine.

Stu
Stu's picture
Offline
Enthusiast
Bristol uk
Last seen: 16 years 45 weeks ago
Bristol uk
Joined: 2004-01-20
Posts: 282
Points: 0

Help with flush to borders in IE6

I also have an IE6 fix for the 3px misalignment (may work in IE5.5 but I haven't tested it).
http://www.s7u.co.uk/boxes/floatfix.html

It's not what you do it's the way that you do it.
So do it with STYLE
http://www.s7u.co.uk