HighDots Forums  

css with site centralized

Macromedia Dreamweaver Macromedia Dreamweaver Discussions (macromedia.dreamweaver)


Discuss css with site centralized in the Macromedia Dreamweaver forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
Carlos Gonçalves
 
Posts: n/a

Default css with site centralized - 05-25-2004 , 12:52 PM






It's easy to use css, layers, when your site is align with left margin
because layers have a fixed position, but when this site is align in center?
How can I use css if this center can change in accord screen resolution?



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

Default Re: css with site centralized - 05-25-2004 , 01:11 PM






Go to project sevens website and download their LayoutDesigner extension
(free) and off you go!
You can learn lots of stuff while you're there too!
http://www.projectseven.com/

HTH
Rob http://robgt.com/
Extensions: http://robgt.com/products/index.asp
Tutorials: http://robgt.com/tutorials/index.asp
Blog: http://blog.robgt.com/



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

Default Re: css with site centralized - 05-25-2004 , 01:59 PM



It's simple -

For centering layers, here is a good tutorial

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

and here is a code example -

(inline styles used for clarity)

<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>

and here is a site using the method -

http://www.great-web-sights.com

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 MX
(If you *MUST* email me, don't LAUGH when you do so!)
==================
news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET
ANSWERS
==================
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
==================

"Carlos Gonçalves" <carlosgonca (AT) terra (DOT) com.br> wrote

Quote:
It's easy to use css, layers, when your site is align with left margin
because layers have a fixed position, but when this site is align in
center?
How can I use css if this center can change in accord screen resolution?





Reply With Quote
  #4  
Old   
Carlos Gonçalves
 
Posts: n/a

Default Re: css with site centralized - 05-25-2004 , 02:15 PM



Thanks a lot. Both help me!




"Carlos Gonçalves" <carlosgonca (AT) terra (DOT) com.br> wrote

Quote:
It's easy to use css, layers, when your site is align with left margin
because layers have a fixed position, but when this site is align in
center?
How can I use css if this center can change in accord screen resolution?





Reply With Quote
  #5  
Old   
ewok781
 
Posts: n/a

Default Re: css with site centralized - 05-25-2004 , 11:54 PM



did you get it to work?

(small example)

http://art.tafe.vu.edu.au/mward/problem/

The problem is that the image should be positioned within the the red box as it is its parent container.


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

Default Re: css with site centralized - 05-26-2004 , 07:24 AM



But that's not what you have told it to do -

<div style="text-align: center; height: 100%;">

<div style="border: 2; color: #000000; background-color: #FF0000; height:
100%; width: 400px;">
<div style="position: absolute; left: 0 px; width: 100px;"><img
src="images.jpg"></div>
</div>
</div>

Change that code to this (note several changes) -

<div style="text-align: center; height: 100%;">

<div style="border: solid 2px #000; background-color: #FF0000; height:
100%; width: 400px;">
<div><img src="images.jpg"></div>
</div>
</div>

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver MX
(If you *MUST* email me, don't LAUGH when you do so!)
==================
news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET
ANSWERS
==================
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
==================

"ewok781" <webforumsuser (AT) macromedia (DOT) com> wrote

Quote:
did you get it to work?

(small example)

http://art.tafe.vu.edu.au/mward/problem/

The problem is that the image should be positioned within the the red box
as it is its parent container.




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.