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!
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?
You shouldn't use a fixed
You shouldn't use a fixed height.
Firefox 3 on a Mac
|Picture 1.png||142.23 KB|
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..
Thanks for the double reply Wolfcry!
Im getting down to research now..
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..
But I'll stick with the old school on this one.
Thanks for the push fellas.
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.
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!
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.
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.