Image Ready, CSS and Dreamweaver...

To all you CSS Pros,

I have designed a layout in ImageReady, exported it as CSS/XHTML and edited it
in Dreamweaver. (Info: I am not using any tables).

Here is the source URL: http://www.bionicmedia.us

My problems:

1.During the editing process something happened and my left_spacer image
doesn't lign up correctly in the following browsers: Netscape7.1 + Safari on a
Mac.

I tried to look over the style sheets but couldn't find any error. Also I am
still very new to CSS and XHTML.

2. In regards to text sizes I would like to inquire about the ideal solution
to ensure the text looks
as close as possible to the intended size across browser families, which
should be about 10 px.
Right now I defined it as x_small but don't know if that's the right thing to
do.

3. Last but not least I would like to center the entire layout that I
imported. I tried several things but nothing seemed to work.

4. Is there a way to define a border of the entire layout? I went into each
layer style and defined the
borders that way, but there must be an easier solution...

I would greatly appreciate some advice on how to fix these nasty problems...
Thanks guys!

lauralein wrote:

To all you CSS Pros,

I have designed a layout in ImageReady, exported it as CSS/XHTML and
edited it in Dreamweaver. (Info: I am not using any tables).

Here is the source URL: http://www.bionicmedia.us

My problems:

1.During the editing process something happened and my left_spacer
image doesn't lign up correctly in the following browsers:
Netscape7.1 + Safari on a Mac.

I tried to look over the style sheets but couldn't find any error.
Also I am still very new to CSS and XHTML.

2. In regards to text sizes I would like to inquire about the ideal
solution to ensure the text looks
as close as possible to the intended size across browser families,
which should be about 10 px.
Right now I defined it as x_small but don't know if that's the right
thing to do.

3. Last but not least I would like to center the entire layout that I
imported. I tried several things but nothing seemed to work.

4. Is there a way to define a border of the entire layout? I went
into each layer style and defined the
borders that way, but there must be an easier solution...

I would greatly appreciate some advice on how to fix these nasty
problems... Thanks guys!

I'm afraid to inform you that Adobe's CSS is a disaster. It is doing
much the same as Fireworks would, I guess, but the bottom line is that
giving each of those DIVs a height value effectively breaks your design
in modern browsers because when someone resizes text, the content goes
bye-bye into the abyss that lurks beyond the bottom edge of its
container.

I would take a step back and layout a structure yourself then bring just
the images in. There should be no need for a spacer in such a design.

--
Al Sparber - PVII
http://www.projectseven.com
DW Extensions - Menu Systems - Tutorials - CSS FastPacks
---------------------------------------------------------
Webdev Newsgroup: news://forums.projectseven.com/pviiwebdev/
CSS Newsgroup: news://forums.projectseven.com/css/
RSS/XML Feeds: http://www.projectseven.com/xml/