Karen,
On Jun 6, 2005, at 10:53 AM, Karen Longstaff wrote:
I am working on a design (which I really don't like and please don't
shoot
me for the animated gifs .. the client is 18,
I'm impressed that an 18 year old can be an expert on travel :) And
the design actually isn't bad at all.
I have only just started and the html and css both
need some work but my first major hurdle when I browsercam'd the first
attempt is with paragraph text within one of the divs (btextmmain)
which
just doesn't show at all with MAC IE 5.2, all the other browsers I
tested
looked presentable.
The page is at http://www.cpdev.co.uk/testbed/index.htm
Actually, the text is there, it is just off-screen to the right. Given
how early in the project you are, I wouldn't worry about browser
compatibility yet. Unless your client is a ie/mac user, I wouldn't fix
this yet. There's a good chance, as you go through design iterations
with your client that this issue will resolve itself.
The larger problem I see is the horizontal centering technique you are
using. Currently, if I make my window narrow, content flows off the
left edge of the viewport and is lost. I'd suggest the following
instead
#mblock {
position: relative;
width: 778px;
height: 700px; /* this may give you fits later */
margin 0 auto;
padding: 0;
background: transparent url(assets/main_home.jpg) no-repeat;
text-align: left;
}
I would also remove the blue background from main_home.jpg as it will
allow the picture to compress smaller and the page to load faster. I
would also slice it up into 3 or 4 parts so you can use a standard
header + 3 col layout which will give you more flexibility. Right now,
if a user has a different text size than you, the text flows out of its
visual 'container.'
hth
Roger,
Roger Roelofs
Know what you value.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
