12 replies [Last post]
zonja
Offline
Enthusiast
Last seen: 8 years 32 weeks ago
Timezone: GMT+1
Joined: 2004-11-19
Posts: 80
Points: 8

Hi I've just finished building the homepage for a new site I'm doing - http://clientarea.openinterface.ie/test/home.html and want to test it in different browsers and maybe also get some feedback on the design and building approach.

I've validated the HTML and CSS code, and have tested it in Firefox/1.0.7 and IE 6 both on a PC. I've also tested it on and old version of IE on a mac and it seems that the header image doesn't display and the last comments placeholder is displaying only half of it's header. Is this happening on anyone elses macs?

I would really appreciate any feedback. Thanks
zonja

muzishun
Offline
Enthusiast
Lawrence, KS
Last seen: 12 years 17 weeks ago
Lawrence, KS
Timezone: GMT-6
Joined: 2005-02-08
Posts: 106
Points: 0

Nearly there...

It looks pretty good to me. The only thing I'm noticing is the floated images in the boxes in your middle section. Looks like you forgot to add a clear: both; after them, as they're sticking out over the edge of the boxes.

Bill Parrott
Co-Owner and Co-Founder
Eternal Second Designs
http//www.EternalSecond.com/

RH
RH's picture
Offline
Regular
Germany, Berlin
Last seen: 14 years 6 weeks ago
Germany, Berlin
Timezone: GMT+1
Joined: 2005-10-25
Posts: 42
Points: 0

Nearly there...

Hi zonja,
looks pretty fine in Safari. I like the behavior of the header image ...
=D>

zonja
Offline
Enthusiast
Last seen: 8 years 32 weeks ago
Timezone: GMT+1
Joined: 2004-11-19
Posts: 80
Points: 8

Nearly there...

muzishun, can I ask what browser your viewing it on, and is it a PC or mac?

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 5 years 40 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

Nearly there...

zonja, its not the browser or platform, if the window is large enough the floats hang outside the container (correct behavior). You need to contain the floats. Gary (kk5st) just wrote up a nice page showing different methods.

zonja
Offline
Enthusiast
Last seen: 8 years 32 weeks ago
Timezone: GMT+1
Joined: 2004-11-19
Posts: 80
Points: 8

Nearly there...

I'll have a read of that and get back to you. Just to clarify is it the images that are placed in the placeholders that are causing the problem, as I can't seem to replicate the problem in my browser?

Thanks

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 5 years 40 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

Nearly there...

Yes, it's the images, but not because they're images but because they're floats. They should hang below the container, this is correct behavior. To see the problem you have to a) NOT use IE for testing - as IE will incorrectly contain the floats and b) use a high resolution and stretch the window wide. It's not so much the image as lack of content within the box. You'll see when you test.

RH
RH's picture
Offline
Regular
Germany, Berlin
Last seen: 14 years 6 weeks ago
Germany, Berlin
Timezone: GMT+1
Joined: 2005-10-25
Posts: 42
Points: 0

Nearly there...

Oh, yes, I can also see it ... didn't look close enough :oops:
To emulate a wide window I moved the window outside the left monitor-side and stretched it to the right, then it's becoming obvious.

zonja
Offline
Enthusiast
Last seen: 8 years 32 weeks ago
Timezone: GMT+1
Joined: 2004-11-19
Posts: 80
Points: 8

Nearly there...

RH
RH's picture
Offline
Regular
Germany, Berlin
Last seen: 14 years 6 weeks ago
Germany, Berlin
Timezone: GMT+1
Joined: 2005-10-25
Posts: 42
Points: 0

Nearly there...

For Safari: Yep!
One little thing remaining: the distance of the pics to the bottom-border isn't equal in the top-box and the two ones underneath ...

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 5 years 40 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

Nearly there...

RH, that's dependant on the content, not the image.

RH
RH's picture
Offline
Regular
Germany, Berlin
Last seen: 14 years 6 weeks ago
Germany, Berlin
Timezone: GMT+1
Joined: 2005-10-25
Posts: 42
Points: 0

Nearly there...

Yes, maybe also not really important.
But: if the text is smaller than the image in all three boxes, the distance remains different ...

muzishun
Offline
Enthusiast
Lawrence, KS
Last seen: 12 years 17 weeks ago
Lawrence, KS
Timezone: GMT-6
Joined: 2005-02-08
Posts: 106
Points: 0

Nearly there...

Looks to be fixed now.

I'm on FireFox 1.0.7 on a PC at 1280x1024 res.

With that fix, I think the layout looks pretty good. Did you use the complex 3-column layout (Perched on a Lily Pad) from PiE? It looks pretty similar to what you're doing.

Bill Parrott
Co-Owner and Co-Founder
Eternal Second Designs
http//www.EternalSecond.com/