HighDots Forums  

Centering Layers??

Macromedia Dreamweaver Macromedia Dreamweaver Discussions (macromedia.dreamweaver)


Discuss Centering Layers?? in the Macromedia Dreamweaver forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
peteneal
 
Posts: n/a

Default Centering Layers?? - 08-05-2004 , 05:12 AM






Hi - I am trying to adopt new web standards and convert my existing table based
web sites to layers and css - what I want to know is how I can get a layer
positioned centrally on a web page under any browser dimensions!! any help
would be most apprecated - starting to pull my hair out a little!!!!


Reply With Quote
  #2  
Old   
judas2
 
Posts: n/a

Default Re: Centering Layers?? - 08-05-2004 , 05:40 AM






maybe this can help you:
http://www.roast-horse.com/tutorials/_tutorials/css_centered_content/index.html

Reply With Quote
  #3  
Old   
peteneal
 
Posts: n/a

Default Re: Centering Layers?? - 08-05-2004 , 05:57 AM



fantastic, at least I know I can place the code in now and play with it, is
there any easy way to lay a layer onto a page and format it prior to placing
the additional layers into the main layer?? many thanks for the link, this has
really helped me out, and maybe even improved my value now in the
marketplace!!!! cheers P


Reply With Quote
  #4  
Old   
Murray *TMM*
 
Posts: n/a

Default Re: Centering Layers?? - 08-05-2004 , 07:50 AM



Actually, the term layers is used by FrontPage (and perhaps others) too. I
think it's fairly generic to refer to AP divisions as 'layers'.

Here are more links for you to study -

http://www.roast-horse.com/tutorials/_tutorials/css_centered_content/index.html

And here is some code -

(inline styles used for clarity)

STYLESHEET -
body { text-align:center; } /* for IE5/IE5.5 */
#wrapper { text-align:left; }

BODY -
<div id="wrapper" style="width:760px; top:0; margin:0 auto;
position:relative;">
<div id="layer1" style="width:200px; top: 25px; left:140px;
position:absolute;">blah</div>
<div id="layer2" style="width:180px; top: 136px; left:23px;
position:absolute;">blah</div>
</div>

Try that - an outer relatively positioned division with a width and auto
left and right margins. All interior AP divisions will be centered, yet
retain the
same relative positioning.


--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Dan Vendel *GOF*" <see_my_signature_ (AT) _the_bottom_of_the_post (DOT) org> wrote in
message news:cesv27$s7n$2 (AT) forums (DOT) macromedia.com...
Quote:
peteneal wrote:

Hi - I am trying to adopt new web standards and convert my existing
table based
web sites to layers and css - what I want to know is how I can get a
layer
positioned centrally on a web page under any browser dimensions!! any
help
would be most apprecated - starting to pull my hair out a little!!!!


Pete,

Despite many skilled developers are using "layers" (the term is actually
"divs" or "divisions". "Layer" is solely a DW word for absoluetly
positioned divs), it's not the "new web standards". Tables are as valid
and there's nothing wrong what so ever to use them. Just ignore some
rather narrow minded people's dogma that "tables are for tabular data":
1) It's entirely up to you to put whatever you want in them. 2) Isn't
"data" text, images, etc?

So, I suggest you build your site the way you feel comfortable with,
i.e. tables, and get it online. Then, you can toy with CSS controlled
divs "on the side" to understand how they work. After that, you can
chose whichever path is most suitable for any individual project: divs,
tables or a combination.

BTW: To center a div, you'd need to warp a div around the entire
content. Make a search for e.g. "wrapper center" or something here:
http://www.proformica.com/google.html

--
Dan Vendel - *GOF*
Contact: http://www.proformica.com/en/contact.shtml
Formmail tutorial: http://www.proformica.com/en/formmail_tutorial.shtml
Nested tables: http://www.proformica.com/en/nested_table_demo.shtml
SEO: http://www.proformica.com/en/search_engine_optimization.shtml
SE Utility: http://www.proformica.com/en/advanced_web_ranking.shtml
Search Dreamweaver newsgroup: http://www.proformica.com/google.html



Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.