Re: question about centering...Incredible It Works
- 1 Messages
- Collapse All
- Expand All
- Subscribe
Jul 21
David Oliver Re: question about centering...Incredible It Works
Jul 21, 2003; 20:58
David Oliver
Re: question about centering...Incredible It Works
Hi to all,
Special thanks to Philippe. His solution to the page and layers centering
question worked just fine on a little test file I set up. So I'll go to
work on my site soon. There's nothing you can't get solved here.
thanks a bunch, david
>On Tuesday, July 22, 2003, at 11:31 AM, Michael Jones wrote:
>
>>
>>> One thing that several of you like Steve have mentioned and I had
>>> origionally tried to incorporate was to have the pages open centered
>>> in the
>>> browser window. I have layers with type and graphics on several pages
>>> sitting on top of the tabled content behind. I cannot figure out how
>>> to get
>>> the layers to centre in the browser window with the rest of the page
>>> but
>>> stay in their relative positions.
>>
>> I've never been able to work that one out myself!
>>
>> I'm sure the answer is out there... Somewhere.
>
>Somehow, I missed this whole thread, so I don't know how your page/code
>looks like.
>But, basically, it is dead simple:
>
>Wrap *// all //* your contents in a <div>, name it wrapper, or anything
>you like. Your code should look something like this:
><body>
><div id="wrapper">
> <!-- all the rest -->
></div>
></body>
>
>Now in your CSS file (you do use CSS I hope ?)
>#wrapper {width: 500px; margin-left:auto; margin-right: auto;
>position:relative}
>/* insert value to taste for your width property */
>The position:relative is important here, that way the wrapper div acts
>as a container for absolute positioned divs (layers).
>
>Voilà, your contents is centered, and your 'layers' are hooked.
>
>The world would be a nice place if this worked everywhere. Sadly, M$ IE
>5.x doesn't understand margin: auto; you'll need a little hack to help
>it:
>body {text-align:center} in your CSS file.
>And now M$ IE6 is acting up. Them don't like you...:-)
>So add also:
>div, div * {text-align:left}.
>
>You're done, I think.
>
>Philippe
>
>== | == | == | == | == | == | == | == | == | == | == | =>
>Philippe Wittenbergh
>
>code | design | web projects : <http://www.l-c-n.com/>
>online image gallery : <http://www.l-c-n.com/phiw/>
>IE5 Mac bugs and oddities : <http://www.l-c-n.com/IE5tests/index.shtml>
>
>#############################################################
>Archives:<http://www.listsearch.com/DreamweaverTalk.lasso>
>This message is sent to you because you are subscribed to
> the mailing list <dreamweaver@lists.blueworld.com>.
>To unsubscribe, E-mail to: <dreamweaver-off@lists.blueworld.com>
>To switch to the DIGEST mode, E-mail to
><dreamweaver-digest@lists.blueworld.com>
>To switch to the INDEX mode, E-mail to <dreamweaver-index@lists.blueworld.com>
>Send administrative queries to <dreamweaver-admin@lists.blueworld.com>
david oliver freelance art and words
davidart@total.net
http://www.total.net/~davidart
Go Confidently In The Direction Of Your Dreams
!!!!!!!!!Live The Life That You've Imagined!!!!!!!!!!
#############################################################
Archives:<http://www.listsearch.com/DreamweaverTalk.lasso>
This message is sent to you because you are subscribed to
the mailing list <dreamweaver@lists.blueworld.com>.
To unsubscribe, E-mail to: <dreamweaver-off@lists.blueworld.com>
To switch to the DIGEST mode, E-mail to <dreamweaver-digest@lists.blueworld.com>
To switch to the INDEX mode, E-mail to <dreamweaver-index@lists.blueworld.com>
Send administrative queries to <dreamweaver-admin@lists.blueworld.com>
Special thanks to Philippe. His solution to the page and layers centering
question worked just fine on a little test file I set up. So I'll go to
work on my site soon. There's nothing you can't get solved here.
thanks a bunch, david
>On Tuesday, July 22, 2003, at 11:31 AM, Michael Jones wrote:
>
>>
>>> One thing that several of you like Steve have mentioned and I had
>>> origionally tried to incorporate was to have the pages open centered
>>> in the
>>> browser window. I have layers with type and graphics on several pages
>>> sitting on top of the tabled content behind. I cannot figure out how
>>> to get
>>> the layers to centre in the browser window with the rest of the page
>>> but
>>> stay in their relative positions.
>>
>> I've never been able to work that one out myself!
>>
>> I'm sure the answer is out there... Somewhere.
>
>Somehow, I missed this whole thread, so I don't know how your page/code
>looks like.
>But, basically, it is dead simple:
>
>Wrap *// all //* your contents in a <div>, name it wrapper, or anything
>you like. Your code should look something like this:
><body>
><div id="wrapper">
> <!-- all the rest -->
></div>
></body>
>
>Now in your CSS file (you do use CSS I hope ?)
>#wrapper {width: 500px; margin-left:auto; margin-right: auto;
>position:relative}
>/* insert value to taste for your width property */
>The position:relative is important here, that way the wrapper div acts
>as a container for absolute positioned divs (layers).
>
>Voilà, your contents is centered, and your 'layers' are hooked.
>
>The world would be a nice place if this worked everywhere. Sadly, M$ IE
>5.x doesn't understand margin: auto; you'll need a little hack to help
>it:
>body {text-align:center} in your CSS file.
>And now M$ IE6 is acting up. Them don't like you...:-)
>So add also:
>div, div * {text-align:left}.
>
>You're done, I think.
>
>Philippe
>
>== | == | == | == | == | == | == | == | == | == | == | =>
>Philippe Wittenbergh
>
>code | design | web projects : <http://www.l-c-n.com/>
>online image gallery : <http://www.l-c-n.com/phiw/>
>IE5 Mac bugs and oddities : <http://www.l-c-n.com/IE5tests/index.shtml>
>
>#############################################################
>Archives:<http://www.listsearch.com/DreamweaverTalk.lasso>
>This message is sent to you because you are subscribed to
> the mailing list <dreamweaver@lists.blueworld.com>.
>To unsubscribe, E-mail to: <dreamweaver-off@lists.blueworld.com>
>To switch to the DIGEST mode, E-mail to
><dreamweaver-digest@lists.blueworld.com>
>To switch to the INDEX mode, E-mail to <dreamweaver-index@lists.blueworld.com>
>Send administrative queries to <dreamweaver-admin@lists.blueworld.com>
david oliver freelance art and words
davidart@total.net
http://www.total.net/~davidart
Go Confidently In The Direction Of Your Dreams
!!!!!!!!!Live The Life That You've Imagined!!!!!!!!!!
#############################################################
Archives:<http://www.listsearch.com/DreamweaverTalk.lasso>
This message is sent to you because you are subscribed to
the mailing list <dreamweaver@lists.blueworld.com>.
To unsubscribe, E-mail to: <dreamweaver-off@lists.blueworld.com>
To switch to the DIGEST mode, E-mail to <dreamweaver-digest@lists.blueworld.com>
To switch to the INDEX mode, E-mail to <dreamweaver-index@lists.blueworld.com>
Send administrative queries to <dreamweaver-admin@lists.blueworld.com>
Search
Lasso Programming
This site manages and broadcasts several email lists pertaining to Lasso Programming and technologies related and used by Lasso developers. Sign up today!