5 replies [Last post]
reven
Offline
newbie
Last seen: 18 years 27 weeks ago
Joined: 2004-09-21
Posts: 5
Points: 0

Hi there.

I've re-designed my web and have seen a few problems which I havn't been able to solve. The page validates as XHTML 1.0 Strict and CSS also validates. The problems are:

In IE (5.5 or 6, tested on Win 98, Me and XP) when you scroll the page down it isn't as smooth as it should be. No problems with Mozilla of Firefox on the same system. I presume it's because of the transparencies I use and the no scrolling backround, but I havn't been able to solve it. It doesn´t depend on graphic card (i.e. it still scrolls slowly and bumpy with a radeon 9600 pro).

The other problem is that if the main div isn't long enough, the footer will overlap the side-bar. Side-bar is placed after the main div in source (for accessibility reasons), but there is a container div and spacer divs that should do the trick.

Instead of posting code (this post is already long enough) just check the files for yourself:

html
css

Thanks for any help on this.

Reven

tom_de_schlong
tom_de_schlong's picture
Offline
Enthusiast
UK
Last seen: 11 years 19 weeks ago
UK
Joined: 2004-06-13
Posts: 92
Points: 0

transparency and layout problems

I see what you mean about it being slugish in ie5
it almost crashed my win98 machine

i am not sure what this could be.
the only thing i can think of suggesting is to use the conditional comments to pass ie5 a style sheet which doesn't contain some of the effects it is messing up.

Want a free Ipod, live in the US or UK then please <a href="http//ipods.freepay.com/?r=21545802">check this out</a>. Plenty of people have already got one just search google for freeipods.com.

reven
Offline
newbie
Last seen: 18 years 27 weeks ago
Joined: 2004-09-21
Posts: 5
Points: 0

transparency and layout problems

Ok, I've finaly solved the css bit. I found a post on mezoblue where Ryan Brill contributes an excellent solution, just using a negative margin and no absolute/relative positioning.

On the slugish IE transparent backgrounds, I havn't yet found anything. (BTW, I've seen static backrounds work in IE, so I wonder why this combination doesn't work). I'm not going to add two more lines of non standard code to my page just because Microsoft doesn't know how to make a browser. I'm kind of sick of IE. What's wrong? My page or their browser? Well, they'll have to fix it then...

tom_de_schlong
tom_de_schlong's picture
Offline
Enthusiast
UK
Last seen: 11 years 19 weeks ago
UK
Joined: 2004-06-13
Posts: 92
Points: 0

transparency and layout problems

conditional comments aren't hacks they are real code, they are also the best way to get round ie5 box model problems.

i hate ie too but as it used by 90 % of users it needs to be coded for,

Want a free Ipod, live in the US or UK then please <a href="http//ipods.freepay.com/?r=21545802">check this out</a>. Plenty of people have already got one just search google for freeipods.com.

reven
Offline
newbie
Last seen: 18 years 27 weeks ago
Joined: 2004-09-21
Posts: 5
Points: 0

transparency and layout problems

Ok.

I've finally just put the IE conditional tags to load a style sheet. After trying a few things, it's seems the problem was to render a solid header over a semi-transparent gif over a fixed body background. Just changed the transparent gif for a white background in the menu boxes.

It's just that so much care put to design goes down the toilet...

Now nobody will even notice.

snif. Crying

Hope Mozilla & Firefox share increases real quick.

Thanks for the answers.

tom_de_schlong
tom_de_schlong's picture
Offline
Enthusiast
UK
Last seen: 11 years 19 weeks ago
UK
Joined: 2004-06-13
Posts: 92
Points: 0

transparency and layout problems

I am glad that you found what i said useful

wouldn't life be so much easier for us if everyone suddenly switched to firefox.

it really is sad that microsoft are solly responsible for stopping the web evolving into what it could and should be. SORT IT OUT MICROSOFT

anyway good look

Want a free Ipod, live in the US or UK then please <a href="http//ipods.freepay.com/?r=21545802">check this out</a>. Plenty of people have already got one just search google for freeipods.com.