Setting background for safari

Question

I just recently swtiched to Mac and discovered that a few of
my sites are lining up right because they were designed for IE,
etc. This site in particular is a good example:
Jeffrey Lloyd Website
I don't know anything about converting for Safari. Is there
any easy way or does it have to be completely reworked?
Many thanks!
Lori

Answer 1

fourthleaf wrote:
> If I make this 600 wide then the image doesn't take up
the entire browser
> anymore, which is the effect I want. So, if you can
possibly tell me without
> too much trouble, how do I fix the site so that I see
the full background image
> in the full browser no matter which my viewer is using.
>
> I'm not sure I understand why
http://www.chrissmither.com
can be 600 px and
> still fill the entire space.
>
> Forgive my ignorance, but I AM here to learn.
>
If you like
http://www.chrissmither.com,
look at that page code.
and especially the style sheet, which is there:
http://www.chrissmither.com/cs_style.css
In this style sheet, you'll see the style for the background,
applied to the body tag:
body {
font-family: Arial,Helvetica;
font-size:13px;
color: #110000;
margin:0; padding:0;
text-align:center;
background-color:rgb(56,40,24);
background-image:url('images/mainsite_empty_lrg4.jpg');
background-repeat:none;
background-attachment:scroll;
background-position:top center;
compare this to your background style...
The important thing here is:
background-position:top center;
this will center the background horizontally.
But this is just the beginning, because if your background
gets centered, your content will be off,
since your content is not centered (it's in a Layer). Using a
background for page layout is a bad
idea anyways. For example if I increase the text size in my
browser preferences, your text content
goes beyind the bottom limit of your background.
So in short
background image as layout: bad idea
using Layers: bad idea
I suggest you study css and html a little bit, don't use
Layers, use regular divs and tables, use
Design view (no layout view) and look at your code as much as
possible as you go and experiement.
seb ( [email protected])
http://webtrans1.com | high-end web
design
Downloads: Slide Show, Directory Browser, Mailing List