RE: FN-FORUM: CSS Template check and some help needed

date posted 9th January 2004 17:57

Looks fine in IE6 win 98.
For the header you need to float the logo to right of the pictures, can
be a bit tricky at first but you'll soon get the hang of it. And you can
use absolute positioning for placing the images.

Michael Beckett
Denial Design
http://www.denialdesign.com

-----Original Message-----
From: [EMAIL REMOVED] [EMAIL REMOVED] On Behalf Of
Dominic Allkins
Sent: 09 January 2004 17:50
To: FN-FORUM / [EMAIL REMOVED]
Subject: FN-FORUM: CSS Template check and some help needed



OK ppl - here we go - my first ever attempt at a (near) complete CSS
layout - I did cheat a little bit with one table but more of that later.

URL for dev template is:
http://smwebsite.no-ip.com/dev/templates/iodhub.asp

I'm stuck with the overall design - inherited it, but it was a horrid
table based layout and thought I'd give the CSS route a go. Have only
done the version for higher end browsers at the moment.

Tested on IE5.5, IE6, Firebird & NS6.2 on WinXP and Mozilla & Galleon on
Linux. Looked at a grab of it on danvine for Apple Safari.

Overall it works as it should on pretty much everything apart from the
few little bugs listed below. A call for help since I think my head may
explode if I try any more...

Bugs

1. On IE5.5 and to a lesser extent IE6 (both WinXP) there's a slight
indenting of the first paragraph to the left where the sub-menu is. I
know there are problems with the IE box model but I'm b**gered if I can
work it out after about 3 hours of looking at it.

If anyone has any way to fix this I'd be most grateful.

2. When I looked at the Safari grab on danvine, the links in the
menu bar and the sub menu don't seem to follow the padding, i.e. in the
menu bar they seem to justify to the top of the bar.

Unfortunately I don't have an Apple here to do any testing and am still
trying to get my head around the complete CSS thing so again, if anyone
knows a work around that would be fab.

Lastly, not really a bug but I just couldn't get the header to work
without the table so left it there and will display:none for accessible
style sheet. Please don't cane me for using a table here ;-)

Comments/help welcomed for first attempt at complete CSS layout.
Remember I'm stuck with the design though.

Many thanks all

Dominic


--
** Get all the Freelance Work you Can Handle *
The Web Design Business Kit will show you proven tactics
and strategies for marketing your business, winning bids,
managing projects and pricing your work. Free Shipping Worldwide.
Read more & get free chapters at:
http://www.sitepoint.com/launch/b7c91e/3/4

To advertise here: http://www.freelancers.net/advertising.html