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
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.
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...
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,
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.
Hope Mozilla & Firefox share increases real quick.
Thanks for the answers.
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