7 replies [Last post]
Cipes
Cipes's picture
Offline
Regular
Montreal
Last seen: 13 years 36 weeks ago
Montreal
Joined: 2008-10-01
Posts: 18
Points: 0

Hi Gang, I've just built this basic site for a small media venture.
I've validated all the markup and CSS and tested it in IE, FF and Safari.
On a PC...
But I did see it on a MAC and for some some reason, some of the text ran outside the content box...
hmm. The content boxes are not set to auto, but a specified height. Let me konw if other MAC users find this as well.

Thanks a bunch for the critical analysis!

www.couturemedia.ca

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

It's Mac, not MAC using a

It's Mac, not MAC
using a fixed height for your content is not wise in this scenario. What if a user increases the font size?

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 5 years 11 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

You shouldn't use a fixed

You shouldn't use a fixed height.
Firefox 3 on a Mac

AttachmentSize
Picture 1.png 142.23 KB

all ยป http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

Cipes
Cipes's picture
Offline
Regular
Montreal
Last seen: 13 years 36 weeks ago
Montreal
Joined: 2008-10-01
Posts: 18
Points: 0

That's exactly right, thanks

That's exactly right, thanks fella's.
And at the same time Im working on getting nested divs to work properly within a parent container..

http://csscreator.com/node/33438

Thanks for the double reply Wolfcry!
Im getting down to research now..

Cipes
Cipes's picture
Offline
Regular
Montreal
Last seen: 13 years 36 weeks ago
Montreal
Joined: 2008-10-01
Posts: 18
Points: 0

clearing div..

Eureka!

I knew clearing helped getting things to stack properly, but I didn't know it would also help with the parent container height. I guess there are newer ways to accomplish this also..
http://csscreator.com/?q=attributes/containedfloat.php

But I'll stick with the old school on this one.

Thanks for the push fellas.

needy
Offline
Enthusiast
australia
Last seen: 13 years 35 weeks ago
australia
Timezone: GMT-1
Joined: 2007-06-11
Posts: 95
Points: 0

Viewing on a mac with

Viewing on a mac with firefox. Looks good. A few small suggestions. The circle of balls around the logo - could you switch it so it sits over the menu bar and doesn't dip behind? It looks 'wrong' that way. Also the links could be darker - I sort of felt less like clicking on them because they looked 'dimmed'.
otherwise simple and clean. Do you know about browsershots? A great way to get a pic if you haven't got that browser or a mac.

Cipes
Cipes's picture
Offline
Regular
Montreal
Last seen: 13 years 36 weeks ago
Montreal
Joined: 2008-10-01
Posts: 18
Points: 0

Z-index..

Needy thanks for the comments. I haven't heard of browser shots. Holy Cow, what a resource! Thanks!

I've been messing around trying to force the Z-index on that logo, so it doesnt' go behind the main nav bar, but I can't seem to nail it. I haven't used Z-index much before and Im aware it can be fickle.
The Logo image is placed in the H1 container, the main nav bar in a #nav.
Will the h1 block be able to properly accept z-index's? Are there any particular rules I should apply to the page in order that z-index function properly. Any hints or pokes in the right direction would be great.
10 4 on the dimmed links!
Thanks again.

Cipes
Cipes's picture
Offline
Regular
Montreal
Last seen: 13 years 36 weeks ago
Montreal
Joined: 2008-10-01
Posts: 18
Points: 0

I did some reading on

I did some reading on stacking order here..https://developer.mozilla.org/en/Understanding_CSS_z-index
and realized without specifying a position with the H1 element, that normal stacking order
wasn't applied to it.

I added position:relative to the H1 and voila, the header(the red dots), was then ontop of the Nav bar. Unfortunately though, because of the size of the header's (png) the transparency "covered" the links in the navbar, and the navigation didn't work anymore.

Crap.
So then I broke the logo into two separate parts in Photoshop. The longer veritcal part of the circle dots, and then the more horizontal portion of the text (radio:tailor made for business).

I then had to applied a separate class to the shorter part of the logo so that they lined up again.
But still with this margin-bottom applied to the shorter part of the logo, it still interfered with the first two buttons of the nav bar, in safari and FF. In IE it worked Fine! That's a first!

So I admit deafeat, and will shorten the left side of the nav bar, so that dots don't go behind it.
comme ca

[img]

http://csscreator.com/files/newnavbar.jpg
[/img]

AttachmentSize
newnavbar.jpg 199.15 KB