Also have div not moving with centered page

14/02/2008, 07h52

I see this has been discussed but the fix seemed somewhat specific to each
person's request. I usually have someone do the coding so I'm a novice. This is
just for a friend and what happens is when I have the page auto center the div
remain static. I have them set to "absolute" but I need them to stick to the
layout no matter where the page ends of horizontally.

I tried putting the centering code in the css - no fix, then on the page code.
Neither fixed it.

Just trying to learn here so apologizes if this is super simple to many of you.

http://www.weinhartdesign.com/index.1.html

14/02/2008, 16h25

You might want to read this essay with your friend -

http://www.losingfight.com/blog/2006...menufw_menujs/

It's bad news for the menu system you have used.

Also, open the page in Firefox, and bump the text size up a bit. That's bad
news for your 'content in layer' approach, too.

You can make your page center by following the suggestion I have posted
hundreds of times, and simply adjusting the width to correspond to your page
layout -

Change this -

</head>

to this -

<style type="text/css">
<!--
body { text-align:center; }
#wrapper { text-align:left; width:760px; margin:0 auto

osition:relative; }
/* 760px will display on an 800px screen maximized browser window without */
/* horizontal scrollbars. */
-->
</style>
</head>

change this -

<body ...>

to this -

<body ...>
<div id="wrapper">

and this -

</body>

to this -


</div>
</body>

and see if that s.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================

"phrarod" <webforumsuser@macromedia.com> wrote in message
news:fp0rvk$4k8$1@forums.macromedia.com...
>I see this has been discussed but the fix seemed somewhat specific to each
> person's request. I usually have someone do the coding so I'm a novice.
> This is
> just for a friend and what happens is when I have the page auto center the
> div
> remain static. I have them set to "absolute" but I need them to stick to
> the
> layout no matter where the page ends of horizontally.
>
> I tried putting the centering code in the css - no fix, then on the page
> code.
> Neither fixed it.
>
> Just trying to learn here so apologizes if this is super simple to many of
> you.
>
> http://www.weinhartdesign.com/index.1.html
>
>

14/02/2008, 16h52

I'll read the article you provided. I made the changes but I don't know if I did them correctly because nothing changed. I uploaded it again w/changes

14/02/2008, 17h21

Here's the code on the page -

<style type="text/css">
<!--
body { text-align:center; }
#wrapper { text-align:left; width:760px; margin:0 auto

osition:relative; }
/* 760px will display on an 800px screen maximized browser window without */
/* horizontal scrollbars. */
-->
</style>
</head>
<body ...>
<div id="wrapper">

</div>
</body>

<div id="site">

See - you really have have some facility with HTML and CSS to even
understand the suggestions you get here, much less follow them correctly.

Change what you have done to this -

<style type="text/css">
<!--
body { text-align:center; }
#wrapper { text-align:left; width:760px; margin:0 auto

osition:relative; }
/* 760px will display on an 800px screen maximized browser window without */
/* horizontal scrollbars. */
-->
</style>
</head>
<body>
<div id="wrapper">


and at the bottom of the page, change this -

<td colspan="5"><img src="images/home.body.jpg" width="846" height="485"
/></td>
</tr>
</table>
</div>

to this -

<td colspan="5"><img src="images/home.body.jpg" width="846" height="485"
/></td>
</tr>
</table>
</div>
</body>
</html>

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================

"phrarod" <webforumsuser@macromedia.com> wrote in message
news:fp1rkr$9kt$1@forums.macromedia.com...
> I'll read the article you provided. I made the changes but I don't know if
> I did them correctly because nothing changed. I uploaded it again
> w/changes

14/02/2008, 17h41

admonishment accepted. This did it although one of the layer moved its static
position which I'm sure I can figure out.

As I mentioned I usually can hire someone who does the code. In this case I
have to stumble through it myself.

Thank you again.

14/02/2008, 17h56

OK, I did it and it keeps pushing the page to the right instead of center.

14/02/2008, 18h10

All of the layers have had their point of reference changed from the default
body tag to the relatively positioned div#wrapper, so it makes sense that
you will have to adjust their position on the page. However, you are
adjusting the position relative to that wrapper, now, so once properly set,
it will stay that way.

The page is being offset because the table is wider than the stated width of
the wrapper div -

#wrapper { text-align:left; width:760px;

....

<table width="847" border="0" cellpadding="0" cellspacing="0" >

So, just change the wrapper style to this -

#wrapper { text-align:left; width:847px;

847px may be too wide for many of your visitors to see the whole page
without horizontal scrolling.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================

"phrarod" <webforumsuser@macromedia.com> wrote in message
news:fp1uff$ceb$1@forums.macromedia.com...
> admonishment accepted. This did it although one of the layer moved its
> static
> position which I'm sure I can figure out.
>
> As I mentioned I usually can hire someone who does the code. In this case
> I
> have to stumble through it myself.
>
> Thank you again.
>

14/02/2008, 18h35

I had noticed the difference in the numbers from your code to this site. I
guess I should've played with it - only worried I would mess up your code.
There was a big discussion as to the size and I looked at many sites and it
appears they're all getting wider and wider. This was a compromise. The
client/friend has a monitor set to high resolution and wanted it to fill that
screen. haha That would've made it 1600 wide of better...

14/02/2008, 07h52	#1
phrarod Messages: n/a Hébergeur:	Also have div not moving with centered page I see this has been discussed but the fix seemed somewhat specific to each person's request. I usually have someone do the coding so I'm a novice. This is just for a friend and what happens is when I have the page auto center the div remain static. I have them set to "absolute" but I need them to stick to the layout no matter where the page ends of horizontally. I tried putting the centering code in the css - no fix, then on the page code. Neither fixed it. Just trying to learn here so apologizes if this is super simple to many of you. http://www.weinhartdesign.com/index.1.html

14/02/2008, 16h25	#2
Murray ACE Messages: n/a Hébergeur:	Re: Also have div not moving with centered page You might want to read this essay with your friend - http://www.losingfight.com/blog/2006...menufw_menujs/ It's bad news for the menu system you have used. Also, open the page in Firefox, and bump the text size up a bit. That's bad news for your 'content in layer' approach, too. You can make your page center by following the suggestion I have posted hundreds of times, and simply adjusting the width to correspond to your page layout - Change this - </head> to this - <style type="text/css"> <!-- body { text-align:center; } #wrapper { text-align:left; width:760px; margin:0 autoosition:relative; } /* 760px will display on an 800px screen maximized browser window without / / horizontal scrollbars. / --> </style> </head> change this - <body ...> to this - <body ...> <div id="wrapper"> and this - </body> to this - <!-- /wrapper --> </div> </body> and see if that s. -- Murray --- ICQ 71997575 Adobe Community Expert (If you MUST* email me, don't LAUGH when you do so!) ================== http://www.projectseven.com/go - DW FAQs, Tutorials & Resources http://www.dwfaq.com - DW FAQs, Tutorials & Resources ================== "phrarod" <webforumsuser@macromedia.com> wrote in message news:fp0rvk$4k8$1@forums.macromedia.com... >I see this has been discussed but the fix seemed somewhat specific to each > person's request. I usually have someone do the coding so I'm a novice. > This is > just for a friend and what happens is when I have the page auto center the > div > remain static. I have them set to "absolute" but I need them to stick to > the > layout no matter where the page ends of horizontally. > > I tried putting the centering code in the css - no fix, then on the page > code. > Neither fixed it. > > Just trying to learn here so apologizes if this is super simple to many of > you. > > http://www.weinhartdesign.com/index.1.html > >

14/02/2008, 16h52	#3
phrarod Messages: n/a Hébergeur:	Re: Also have div not moving with centered page I'll read the article you provided. I made the changes but I don't know if I did them correctly because nothing changed. I uploaded it again w/changes

14/02/2008, 17h21	#4
Murray ACE Messages: n/a Hébergeur:	Re: Also have div not moving with centered page Here's the code on the page - <style type="text/css"> <!-- body { text-align:center; } #wrapper { text-align:left; width:760px; margin:0 autoosition:relative; } /* 760px will display on an 800px screen maximized browser window without / / horizontal scrollbars. / --> </style> </head> <body ...> <div id="wrapper"> <!-- /wrapper --> </div> </body> <div id="site"> See - you really have have some facility with HTML and CSS to even understand the suggestions you get here, much less follow them correctly. Change what you have done to this - <style type="text/css"> <!-- body { text-align:center; } #wrapper { text-align:left; width:760px; margin:0 autoosition:relative; } / 760px will display on an 800px screen maximized browser window without / / horizontal scrollbars. / --> </style> </head> <body> <div id="wrapper"> <!-- /wrapper --> and at the bottom of the page, change this - <td colspan="5"><img src="images/home.body.jpg" width="846" height="485" /></td> </tr> </table> </div> to this - <td colspan="5"><img src="images/home.body.jpg" width="846" height="485" /></td> </tr> </table> </div> </body> </html> -- Murray --- ICQ 71997575 Adobe Community Expert (If you MUST* email me, don't LAUGH when you do so!) ================== http://www.projectseven.com/go - DW FAQs, Tutorials & Resources http://www.dwfaq.com - DW FAQs, Tutorials & Resources ================== "phrarod" <webforumsuser@macromedia.com> wrote in message news:fp1rkr$9kt$1@forums.macromedia.com... > I'll read the article you provided. I made the changes but I don't know if > I did them correctly because nothing changed. I uploaded it again > w/changes

14/02/2008, 17h41	#5
phrarod Messages: n/a Hébergeur:	Re: Also have div not moving with centered page admonishment accepted. This did it although one of the layer moved its static position which I'm sure I can figure out. As I mentioned I usually can hire someone who does the code. In this case I have to stumble through it myself. Thank you again.

14/02/2008, 17h56	#6
phrarod Messages: n/a Hébergeur:	Re: Also have div not moving with centered page OK, I did it and it keeps pushing the page to the right instead of center.

14/02/2008, 18h10	#7
Murray ACE Messages: n/a Hébergeur:	Re: Also have div not moving with centered page All of the layers have had their point of reference changed from the default body tag to the relatively positioned div#wrapper, so it makes sense that you will have to adjust their position on the page. However, you are adjusting the position relative to that wrapper, now, so once properly set, it will stay that way. The page is being offset because the table is wider than the stated width of the wrapper div - #wrapper { text-align:left; width:760px; .... <table width="847" border="0" cellpadding="0" cellspacing="0" > So, just change the wrapper style to this - #wrapper { text-align:left; width:847px; 847px may be too wide for many of your visitors to see the whole page without horizontal scrolling. -- Murray --- ICQ 71997575 Adobe Community Expert (If you MUST email me, don't LAUGH when you do so!) ================== http://www.projectseven.com/go - DW FAQs, Tutorials & Resources http://www.dwfaq.com - DW FAQs, Tutorials & Resources ================== "phrarod" <webforumsuser@macromedia.com> wrote in message news:fp1uff$ceb$1@forums.macromedia.com... > admonishment accepted. This did it although one of the layer moved its > static > position which I'm sure I can figure out. > > As I mentioned I usually can hire someone who does the code. In this case > I > have to stumble through it myself. > > Thank you again. >

14/02/2008, 18h35	#8
phrarod Messages: n/a Hébergeur:	Re: Also have div not moving with centered page I had noticed the difference in the numbers from your code to this site. I guess I should've played with it - only worried I would mess up your code. There was a big discussion as to the size and I looked at many sites and it appears they're all getting wider and wider. This was a compromise. The client/friend has a monitor set to high resolution and wanted it to fill that screen. haha That would've made it 1600 wide of better...

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email