[Web4lib] problems with display in Safari

[Andrew Hankinson]

Hi Rachel,

For one of your problems, your nested table with your site body ("Did  
you know your books... etc..) have a margin of 20px, defined in your  
header1 class.  Firefox, et al. is ignoring this outside of the table,  
whereas Safari is interpreting it as margin width from within the  
cell.  I don't know which one's right here, but changing that should  
clear the margin problems in Safari.  I think your problem is that you  
have 'header1' defined as the class for both the table cell AND the  
paragraph that's the header.   You might also consider changing that,  
and marking up the headers as <h3>'s.

You should definitely check out Firebug (a Firefox extension) that  
allows you to inspect these types of things in your webpage.  It's a  
godsend.

I also agree with Lisa.  If it isn't too much of a pain, consider  
using divs+css instead of tables for layout.

Cheers,
Andrew


On 6-Nov-07, at 1:35 PM, Rachel Davis wrote:

> I am redesigning our library's website, and not at all an expert.  I  
> have
> been working in Dreamweaver, and using CSS plus tables for layout.   
> My CSS
> style definitions show up just fine in Explorer and Firefox, but my  
> line
> breaks and margins appear messed up in Safari, as do my some of my  
> fixed
> table widths.
>
> Here's the link to my working draft: [
> http://www.cape.k12.me.us/tml/index.html
> ]http://www.cape.k12.me.us/tml/index.html
>
> Like I said, I'm not at all an expert.  Any insight you can offer  
> would
> be much appreciated!
>
> Rachel
>
> Rachel Q. Davis
> Children's Librarian
> Thomas Memorial Library
> 6 Scott Dyer Road
> Cape Elizabeth, ME  04107
> 207-799-1720
>
>
> _______________________________________________
> Web4lib mailing list
> Web4lib at webjunction.org
> http://lists.webjunction.org/web4lib/