[WSG] layout problem

2004-08-06 Thread Barry Cranmer
http://orderlyspaces.com/fri86.html   orderlyspaces.com/fri86.css
The page displays as I would like it to in IE 5.2 on my Mac (G4 running 
OS X 10.2.8), but does not work properly in Safari, Firefox, Opera or 
AOL's. browser on Mac.

The problem is that the content, beginning with the quote on the right 
overlaps the header in every browser I have available but IE. Mozilla 
on a PC yesterday had the same problem. (I don't have access to IE on a 
PC and have no idea yet what THAT mess might look like.)

The quote and the top item of the menu pretty much line up horizontally 
in IE (Mac) and that's how I hope to make it work cross-platform and 
cross-browser.

I'm new to css and I'm probably missing something simple or doing 
something completely backwards, but I'm stumped. I've tried using some 
suggested hacks and they have helped me get to this point, but I'm not 
sure I've got them right either.

I would appreciate any guidance anyone could offer.
Thanks in advance for any suggestions!
Barry Cranmer
**
The discussion list for  http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**


Re: [WSG] layout problem

2004-08-06 Thread Nick Gleitzman
Using IE5 as your default browser for development is going to give you 
these headaches every time. Build to a Standards-compliant browser - 
Firefox is probably best if you're on a Mac - and *then* use the hacks 
you need for IE5, but only if you *really* need to. Good css shouldn't 
require much/many - if any.

BTW, a couple of points about your markup:
- Use margins/padding in your css to control paragraph spacing; all 
those br / tags are unnecessary.
- Your LH nav is a list of links - use a ul to mark it up. Again, you 
can control vertical spacing between the links with your css - which is 
much more flexible than locking the links into p tags.

See Russ Weakley's Listutorial 
http://css.maxdesign.com.au/listutorial/ for everything you ever 
wanted to know about lists.

HTH
Nick
___
Omnivision. Websight.
http://www.omnivision.com.au/
On Saturday, Aug 7, 2004, at 02:38 Australia/Sydney, Barry Cranmer 
wrote:

http://orderlyspaces.com/fri86.html   orderlyspaces.com/fri86.css
The page displays as I would like it to in IE 5.2 on my Mac (G4 
running OS X 10.2.8), but does not work properly in Safari, Firefox, 
Opera or AOL's. browser on Mac.

The problem is that the content, beginning with the quote on the right 
overlaps the header in every browser I have available but IE. Mozilla 
on a PC yesterday had the same problem. (I don't have access to IE on 
a PC and have no idea yet what THAT mess might look like.)

The quote and the top item of the menu pretty much line up 
horizontally in IE (Mac) and that's how I hope to make it work 
cross-platform and cross-browser.

I'm new to css and I'm probably missing something simple or doing 
something completely backwards, but I'm stumped. I've tried using some 
suggested hacks and they have helped me get to this point, but I'm not 
sure I've got them right either.

I would appreciate any guidance anyone could offer.
Thanks in advance for any suggestions!
Barry Cranmer
**
The discussion list for  http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**