css review

Something is going with your footer in Firefox, you are using absolute positioning on everything, which has downfalls.

edit: check out Tyssen's write up here:

http://www.csscreator.com/css-forum/ftopic13756.html

Hi

Just had a quick look. Couple of things that I'd look at:

I'd make your main navigation a list and apply the flower images as background images for your links rather than add them into separate <divs>.

Here's a site with fuller explanation of the techniques: http://css.maxdesign.com.au/listamatic/ you'll find links to explanations about making the images background images plus making the list display horizontally.

I'd also use %s or ems or keywords for your font sizing rather than pxs as the text won't resize in IE properly.

Related to that issue - you're footer is positioned absolutely at the bottom of the page so when the text is resized in a good browser it overlaps the footer.

Getting the footer at the bottom of the page can be a bit of a pain - but this technique seems to work: http://www.themaninblue.com/writing/perspective/2005/08/29/

Getting the footer at the bottom of the page can be a bit of a pain - but this technique seems to work: http://www.themaninblue.com/writing/perspective/2005/08/29/

I also found this revision useful:

http://www.1cog.com/public/footer.html

I will look at the footer and I will try to change positions from absolute to relataive.
Thanks for giving me directions on the navigation bar, I had problems finding the right way to implement it.

Hi,
after your comments (extremely useful) I have modified the code.
How is it now?

http://www.dmdne.com

Thanks in advance

"Site Design by Webspace Technologies" is near
impossible to read.

Looks OK to me

I don't know what you mean, I can see it fine :roll:

:twisted: Do I have an evil shadow?

Black text on dark blue is hard to read.

edit: ok, I get it :oops:

do you still have problem reading : site design by webspace technology? it is supposed to be over the blue space.

What do you think of the css code now?
Anything else I can improve?

thanks

What do you think of the css code now?
Anything else I can improve?

thanks

<link rel="stylesheet" type="text/css" href="DMD_Publication distribution, brochures, flyers, newspapers at DMD, CT, MA, RI, Connecticut, Mass, VT, NH_files/_index.css">
<style type="text/css">

I think you broke it

I think you broke it I was going to post about that url but decided against it because, surprisingly, it works.

I think there are more characters in the url than in the css file itself.

Hey when I looked at the site, the text was ABOVE the blue line! Hence it was easy to see!

And here I thought I was being hoodwinked.

Problem:
"design by webspace technology" overlaps the blue area only with FF, not with IE.
Two grey areas appears: above the navigationbar and above the footer. FF, not IE.

I can not fix them. Anybody has an idea?
Thanks

Hard for me to see, let alone read

I think the site looks okay, but it begs for more typograhic style. A bit on the plain side.

Usability-wise, my nit-pickiness aside, I think it's good.

Good luck.
Mike