Browser Check
pimpzilla (48 points) | Sat, 2004-11-27 20:45Hello everyone
I was wondering if could get a broswer layout check.
It looks good on FoxFire and Safari but those are not the browser that give CSS it's problems.
Any comments are welcome
Thanks in advance
K
Just because you're not paranoid doesn't
mean they aren't out to get you.






I don't see any url!!.... Am I blind... or it's not there?
Oussama (OZ) Mubarak
http://ozarts.com/
"Ars Longa, Vita Brevis"
pimpzilla: give us that URL!
btw. ozarts: welcome to the forums!
My bad looks like I need a Red Bull
Here is the url
http://www.superparanoid.com
http://www.superparanoid.com
http://www.superparanoid.com
Just because you're not paranoid doesn't
mean they aren't out to get you.
Overall it looks very pretty. I like the layout, the logos, the colors and the structure. Only few minor points under Mac/Firefox1.0.
1. The pixels don't align perfectly, it looks like a small mistake.
2. I feel like a border top is missing.
3. The initial just looks somewhat misplaced. I don't know how to fix that though.
4. On the bottom of the main content div there is a shadow, which doesn't fit in well with the rest of the page. Because you have these nice soft shadows everywhere.
Good work! :Y:
I did some fast tests under PC. Here are the results:
IE 6.0: the left menu acts really weird. Some parts keep disapearing and reapearing.
Opera, Netscape and Mozilla: no bugs found.
One thing I'd change other than fixing the IE bug is making the 'CLICKS' text be part of its tab image as it looks a little off.
I also tend to use tables more than divs. I know most designers will tell you my way is old-fashioned and would tell you that divs are the right way to go, but when using divs, you are forced to use complex css, which is usually not widly supported by new generation browsers, or is supported, but doesn't act the same way.
From what I understand (and you can correct on that) the only disadvantage of using tables is the fact that disabled people won't be able to easily navigate your site. Which for most of my work is not an issue.
Oussama (OZ) Mubarak
http://ozarts.com/
"Ars Longa, Vita Brevis"
Thanks for the feedback
Double check me but I think I have the peekaboo bug fixed.
I had to declare a height vaule and clear the parent element
And I decided to image swap the clicks tab instead of regular text placed over a background image
All in all things should be better in IE 6 now
http://www.superparanoid.com
Just because you're not paranoid doesn't
mean they aren't out to get you.
well... the click thingy looks much better now.
But the bug with the right menu is still there. It's weird. I haven't seen this bug before.
But.... I think I managed to find out what causes it; it seems to be the percentage padding in the css id 'rightText'. Use actual pixels instead. I just replaced the % with px in that id's padding, and it worked fine!
good luck.
Oussama (OZ) Mubarak
http://ozarts.com/
"Ars Longa, Vita Brevis"
You have to love IE css bugs --
I changed the percents in the "rightText" div to pixel vaules
Is it still having the problem?
http://www.superparanoid.com
Just because you're not paranoid doesn't
mean they aren't out to get you.
It's still there.... I don't get it... I tried it earlier and it worked fine. Did you happen to change anything else?
I suggest you get IE on a PC and debug... or it'll take forever!
Another suggestion is to go with tables instead of divs. I'm sure that will fix that bug as well as the alignment problem that Ivan noted. I know that's a bummer... but it might be the best way to go!
Sorry but that's the best help I can give without having to tear the whole thing appart!... Hope you get it to work without much trouble.
Oussama (OZ) Mubarak
http://ozarts.com/
"Ars Longa, Vita Brevis"
Thanks for the help
I got some advice from the site point fourms
They said I needed to apply this layout hack
</p> <p> #inner_wrap {</p> <p> margin-left:1%;</p> <p> margin-right:1%;</p> <p> margin-bottom:1%;</p> <p> }</p> <p>/* commented backslash hack v2 \*/ </p> <p>* html #inner_wrap {height:1%;} </p> <p>/* end hack */Hopefully that will fix the problem. I can't check it right now becasue my flatmate is on a 18 hour crackhead session of World of Warcraft
http://www.superparanoid.com
Just because you're not paranoid doesn't
mean they aren't out to get you.