Positioning a div issue

Question

Hello folks. I have searched and could not find the answer to
my problem. I was using DW MX, and things were pretty simple
drawing layers and then using layout designer to position them on a
page. (going out from the center so they appeared in the same place
regardless of browser size)
However I am now trying to build something using CS3 and I am
at a loss for how to create a div and a) use CSS to position it on
a page in a way that goes from the center out to appear the same on
different sized browsers and b) how to set different elements
within a div to align differently. (fore example have a right
aligned photo with left aligned text below it)
On this page for example I would like to have it look like
this, but be done properly with CSS instead of creating and
plunking in a big honking jpg
http://build.bassphotographics.com/aboutus.html
On this page I have actually created a 1 col x 1 row table
to put text in because I could not figure out how to create a div
that has a specific width (750 pix) to put the text in, and also
have the text be left aligned when the div is centered on the page
so that it shows up the same on all browser sizes.
Help would be greatly appreciated.
http://build.bassphotographics.com/aboutwavesofhope.html

Answer 1

You should be able to modify the HTML Template page 2 column
fixed left
column header and footer to meet your needs File > New
> HTML Template >
Change the width from 780px to 750px. Then change the width
of the left
column (sidebar1) to more equally divide up the page into two
columns.
Cheryl D Wise
Adobe Community Expert
http://starttoweb.com
"Scubydue" <[email protected]> wrote in
message
news:fppiqh$j4a$[email protected]..
> Hello folks. I have searched and could not find the
answer to my problem.
> I
> was using DW MX, and things were pretty simple drawing
layers and then
> using
> layout designer to position them on a page. (going out
from the center so
> they
> appeared in the same place regardless of browser size)
>
> However I am now trying to build something using CS3 and
I am at a loss
> for
> how to create a div and a) use CSS to position it on a
page in a way that
> goes
> from the center out to appear the same on different
sized browsers and b)
> how
> to set different elements within a div to align
differently. (fore
> example
> have a right aligned photo with left aligned text below
it)
>
> On this page for example I would like to have it look
like this, but be
> done
> properly with CSS instead of creating and plunking in a
big honking jpg
>
http://build.bassphotographics.com/aboutus.html
>
> On this page I have actually created a 1 col x 1 row
table to put text in
> because I could not figure out how to create a div that
has a specific
> width
> (750 pix) to put the text in, and also have the text be
left aligned when
> the
> div is centered on the page so that it shows up the same
on all browser
> sizes.
>
> Help would be greatly appreciated.
>
http://build.bassphotographics.com/aboutwavesofhope.html
>