FlexiPanels CSS for Dreamweaver Forum


box FlexiPanels CSS for Dreamweaver
FlexiPanels CSS for Dreamweaver is a CSS builder that helps you create table-less HTML code for side panels, menu containers or any content zones with a gradient background and rounded corners.

Find out more about FlexiPanels CSS for Dreamweaver

Thread: Align Container

title left
User Details
message
title right
Maxx

post date:
2009-08-21 15:06:51
Hi, in the example shown the whole container is centered, how is that done? I tried putting it in my own centered container but i receive this error: http://farm4.static.flickr.com/3434/3843532884_e3f3322767_o.png
Andrei Rinciog [Extend Studio]

post date:
2009-08-24 07:11:20
Hello,

That’s a strange error that you received. It happened to me once when I ruined the code of the panel by mistake. Could you please send me a link to the page that gives you that error ?
FlexiPanels CSS doesn’t handle positioning of the div that is created. It only handles its design. In order to position your panel you will have to do this yourself.
What you must do is to create a wrapper div that will handle the positioning of the panel. Here’s an example:
<body>
<div align=”center” style=”width:100%”>
<!—rest of the code including the panel 
</div>
</body>

Regards,
Andrei
Dale Rehus

post date:
2009-09-04 14:37:02
All I want to do is create a large panel and center it. I cannot get the panel to paste inside this code you show above. Your video shows it centering like magic. How can I create a panel and center it??

Dale
Dale Rehus

post date:
2009-09-04 14:52:34
Well, I got the panel to center using this code. However, all the type in the panel is centered. I just want the panel to float centered, not the text.
Lawrence Grenon

post date:
2009-09-30 12:13:15
I had the same problem of centering a panel and Andrei's fix did not work. Look at http://blogs.msdn.com/anna/archive/2008/02/19/center-a-page-horizontally-by-using-css.aspx for a nice fix. Basically if you modify your code from, for example:

<div id="CSSPanel5" style="width:800px; position: relative;">

to:

<div id="CSSPanel5" style="width:800px; position: relative; margin-left: auto; margin-right: auto;">

the panel centers nicely.

Andrei Rinciog [Extend Studio]

post date:
2009-10-01 05:39:59
Hello,

Thank you for posting, Lawrence, and for correcting me. That is the right way to center the div. You just need to make sure to use width along with margin or else it won't work.

Regards,
Andrei