Quantcast
A Graphics.com site
pimpzilla's picture
48 pencils

Browser Check

Hello everyone

I was wondering if could get a broswer layout check.

http://www.superparanoid.com

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

http://www.superparanoid.com

Just because you're not paranoid doesn't

mean they aren't out to get you.

ozarts's picture
12 pencils

I don't see any url!!.... Am I blind... or it's not there?

Oussama (OZ) Mubarak

http://ozarts.com/

"Ars Longa, Vita Brevis"

Ivan's picture

pimpzilla: give us that URL!

btw. ozarts: welcome to the forums!

pimpzilla's picture
48 pencils

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.

Ivan's picture

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:

ozarts's picture
12 pencils

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"

pimpzilla's picture
48 pencils

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.

ozarts's picture
12 pencils

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"

pimpzilla's picture
48 pencils

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.

ozarts's picture
12 pencils

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"

pimpzilla's picture
48 pencils

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.

Latest critique

  • New Macsolutions logo /BC - Advice Appreciated
  • my logo. I would love some advice

On Demand Videos

Photoshop: From Ho-hum to Wow!
You can use Photoshop to bring out the magic of photos that are muddy, soft, or blandly composed.
watch a preview

On Demand Videos: Video tutorials for advertising pros and designers providing tools and information you can trust — and use — on your very next project. Subscribe today!

Creativebits recommends

stocklogos.com logoawards.mediabistro.com

Marketplace