6 replies [Last post]
chrism
Offline
newbie
Last seen: 17 years 37 weeks ago
Joined: 2004-01-05
Posts: 5
Points: 0

Please bear with me!

This is my first attempt at producing a layout that is table-less and conforms to xhtml & css.

I have checked it in safari/mac, ie5.2/mac, ie6/win and find the results fairly acceptable, as it validates in xhtml transitional and css and I have put links at the bottom of the page (idea copied from alistapart).

The link is: http://www.chris-masters.com/dev/yogamagazine/css7.htm

If anyone gets the chance to check this layout in other browsers then please do, as it is still in development and I don't have access to all platform/browser variations.

Some feedback would be great on both design and code, as my brain has been a bit fried from all the cross-browser screwing about.

Thanks!

Daybreak_0
Offline
Enthusiast
Sydney, Australia
Last seen: 17 years 44 weeks ago
Sydney, Australia
Timezone: GMT+10
Joined: 2003-11-15
Posts: 389
Points: 0

Final Design Check Please!

Nice site and well done

Problem in Moz Firebird 0.7 - You can download here http://www.mozilla.org/products/firebird/

Basically the detoxil add at the top is too far to the right, either forced over there or some other reason.

Regards
Day

The only way to learn is to do it yourself

meashman
meashman's picture
Offline
Regular
Last seen: 17 years 42 weeks ago
Timezone: GMT-5
Joined: 2003-11-26
Posts: 12
Points: 0

Final Design Check Please!

I agree, it's a very nice looking site. And the only problem I see is the Detoxil ad being pushed too far to the right and showing behind the grey, vertical ad bar on the right side.

chrism
Offline
newbie
Last seen: 17 years 37 weeks ago
Joined: 2004-01-05
Posts: 5
Points: 0

Final Design Check Please!

thanks for the feedback guys.

the issue was to do with the margin-left property and a float, so i finally relented and cheated - is it cheating? by using absolute positioning to layout the logo and banner. ok in this instance i think because their is no text that may increase/decrease in size.

http://www.chris-masters.com/dev/yogamagazine/

I still have ONE BIG concern though to do with font sizes. I have used vmware to run a copy of ie 5 and ie 5.5 on my pc, and the fonts appeared too large, so using the tantek hack for ie 5 pc altered the text sizes to the correct ones... from what I have read though you should have to increase the sizes on IE5/win but I seemed to have to reduce them?!?! does this work correctly on your machines?

Many, many thanks - I have almost cracked it now!

Chris.

jetson
Offline
newbie
San Antonio, Texas
Last seen: 17 years 36 weeks ago
San Antonio, Texas
Joined: 2004-01-07
Posts: 6
Points: 0

Final Design Check Please!

You've got something freakin towards the bottom of the page. This showed up in IE (not rendered)

114" height="156" alt="" />

paCkeTroUTer
paCkeTroUTer's picture
Offline
Enthusiast
Melbourne, Australia
Last seen: 8 years 18 weeks ago
Melbourne, Australia
Timezone: GMT+10
Joined: 2003-06-27
Posts: 241
Points: 2

Final Design Check Please!

jetson wrote:
You've got something freakin towards the bottom of the page. This showed up in IE (not rendered)

114" height="156" alt="" />
same things appears in Mozilla 1.5 as well

http//melbourne.ug.php.net

markaxsysdesign
markaxsysdesign's picture
Offline
Regular
Toccoa, Georgia
Last seen: 17 years 36 weeks ago
Toccoa, Georgia
Joined: 2004-01-09
Posts: 42
Points: 0

Final Design Check Please!

Well done with the site. It has a very clean, smooth appearance.

You might already know this, but I'd recommend using an external stylesheet. Especially if you plan on having multiple pages.

http//mark.axsysdesign.com