http://www3.telus.net/mguzman/testnewsite/

Hi,

I just made my first webpage using an entirely CSS-driven layout with separation of style and content. I'm pretty proud of it actually It's not as fancy as some of the other pages I've seen here, but I like it.

Because my ability to run web browsers is kind of limited (I'm on Linux, so I can only use Mozilla and Opera), and my brother refuses to let me install any browsers besides firefox on his xp box (but i was able to test in IE6), I'm wondering if any of you guys could give me a hand. Looking for test cases with Opera <7, IE <6, NN any version, and Mozilla <1.7.

Any help whatsoever would be greatly appreciated.

http://www3.telus.net/mguzman/testnewsite/

(all the graphics and the layout are made by (with the use of royalty-free stock photos) and copyrighted to me - this is NOT a template, although it was inspired by the design of a couple of other sites ^^)

Constructive comments would also be greatly appreciated, although I'm mainly looking for compatibility issues at the moment, because this may turn out to be the new webpage of a corporation.

Thank you!

not a bad layout,
and not to bad markup

though you rather should use a link-tag for the css-file instead
of @import, not every browser caches the css-file if @import is used.
and you should drop those empty elements at the bottom
<p><br/></p> use css to make margins.


and i have to comment on your choice of doctype,
with xhtml1.1 you should deliver the document with application/xhtml+xml. not text/html.
http://www.w3.org/TR/xhtml-media-types/

unfortunaltly not every browser support application/xhtml+xml,
at the time begin just mozilla and opera7 does it.

so you should rather backtrack to 'xhtml1.0 strict' which allows the document to be delivered as text/html,
then you could use an apache mod-rewrite and deliever it as
application/xhtml+xml to the browsers that accepts this or just as text/html to each browser.

http://www.greytower.net/en/archive...tmlcontent.html

Just wanted to drop you a line and say the site works fine in NN 7.1.

Regards,
Cuda

-----------------------------------------------------------
Web Design by Barracuda Productions

Hey - thanks so much for the help you guys!

I'm going to be incorporating your suggestions when I make the final layout.

The way I read the spec, the "id" attribute must be unique within a document. In which case, using an "id" of "tagline" twice would be verboten.

Nice Try...

I have try on IE < 6 , it's working fine....

I know this probably isn't the best solution but CSS is case sensitive - therefore "tagline" and "tagLine" are different. Those were quickly thrown in when I was developing the site just so I could test some FIR alternatives there - but it turned out the image didn't look right.

Thanks again everyone!!

I like the layout, can't comment on the html/css. Looks fine in IE 5.5.

Why leave the blank white rectangle at the top right of the page?

John.

Thanks!

I'm not exactly sure why IE5.5 does that.

Basically what I have is a DIV of width 780px (basically 100% width) with a background of #026, which is the blue colour. On most other browsers it displays the blue extending to the edge, but on IE5.5 it doesn't seem to be able to.