change this - to this -
and this - to this -
and see if that helps. -- 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" wrote in message news:fp0rvk$4k8$macromedia.com...[ref] >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 > >[/ref] [allowsmilie] => 1 [showsignature] => 0 [ipaddress] => [iconid] => 0 [visible] => 1 [attach] => 0 [infraction] => 0 [reportthreadid] => 0 [isusenetpost] => 1 [msgid] => [ref] => [htmlstate] => on_nl2br [postusername] => Murray [ip] => forums@HAHAgrea [isdeleted] => 0 [usergroupid] => [membergroupids] => [displaygroupid] => [password] => [passworddate] => [email] => [styleid] => [parentemail] => [homepage] => [icq] => [aim] => [yahoo] => [msn] => [skype] => [showvbcode] => [showbirthday] => [usertitle] => [customtitle] => [joindate] => [daysprune] => [lastvisit] => [lastactivity] => [lastpost] => [lastpostid] => [posts] => [reputation] => [reputationlevelid] => [timezoneoffset] => [pmpopup] => [avatarid] => [avatarrevision] => [profilepicrevision] => [sigpicrevision] => [options] => [akvbghsfs_optionsfield] => [birthday] => [birthday_search] => [maxposts] => [startofweek] => [referrerid] => [languageid] => [emailstamp] => [threadedmode] => [autosubscribe] => [pmtotal] => [pmunread] => [salt] => [ipoints] => [infractions] => [warnings] => [infractiongroupids] => [infractiongroupid] => [adminoptions] => [profilevisits] => [friendcount] => [friendreqcount] => [vmunreadcount] => [vmmoderatedcount] => [socgroupinvitecount] => [socgroupreqcount] => [pcunreadcount] => [pcmoderatedcount] => [gmmoderatedcount] => [assetposthash] => [fbuserid] => [fbjoindate] => [fbname] => [logintype] => [fbaccesstoken] => [newrepcount] => [vbseo_likes_in] => [vbseo_likes_out] => [vbseo_likes_unread] => [temp] => [field1] => [field2] => [field3] => [field4] => [field5] => [subfolders] => [pmfolders] => [buddylist] => [ignorelist] => [signature] => [searchprefs] => [rank] => [icontitle] => [iconpath] => [avatarpath] => [hascustomavatar] => 0 [avatardateline] => [avwidth] => [avheight] => [edit_userid] => [edit_username] => [edit_dateline] => [edit_reason] => [hashistory] => [pagetext_html] => [hasimages] => [signatureparsed] => [sighasimages] => [sigpic] => [sigpicdateline] => [sigpicwidth] => [sigpicheight] => [postcount] => 2 [islastshown] => [isfirstshown] => [attachments] => [allattachments] => ) -->
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 -
and at the bottom of the page, change this -
to this -
-- 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" wrote in message news:fp1rkr$9kt$macromedia.com...[ref] > 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[/ref] [allowsmilie] => 1 [showsignature] => 0 [ipaddress] => [iconid] => 0 [visible] => 1 [attach] => 0 [infraction] => 0 [reportthreadid] => 0 [isusenetpost] => 1 [msgid] => [ref] => [htmlstate] => on_nl2br [postusername] => Murray [ip] => forums@HAHAgrea [isdeleted] => 0 [usergroupid] => [membergroupids] => [displaygroupid] => [password] => [passworddate] => [email] => [styleid] => [parentemail] => [homepage] => [icq] => [aim] => [yahoo] => [msn] => [skype] => [showvbcode] => [showbirthday] => [usertitle] => [customtitle] => [joindate] => [daysprune] => [lastvisit] => [lastactivity] => [lastpost] => [lastpostid] => [posts] => [reputation] => [reputationlevelid] => [timezoneoffset] => [pmpopup] => [avatarid] => [avatarrevision] => [profilepicrevision] => [sigpicrevision] => [options] => [akvbghsfs_optionsfield] => [birthday] => [birthday_search] => [maxposts] => [startofweek] => [referrerid] => [languageid] => [emailstamp] => [threadedmode] => [autosubscribe] => [pmtotal] => [pmunread] => [salt] => [ipoints] => [infractions] => [warnings] => [infractiongroupids] => [infractiongroupid] => [adminoptions] => [profilevisits] => [friendcount] => [friendreqcount] => [vmunreadcount] => [vmmoderatedcount] => [socgroupinvitecount] => [socgroupreqcount] => [pcunreadcount] => [pcmoderatedcount] => [gmmoderatedcount] => [assetposthash] => [fbuserid] => [fbjoindate] => [fbname] => [logintype] => [fbaccesstoken] => [newrepcount] => [vbseo_likes_in] => [vbseo_likes_out] => [vbseo_likes_unread] => [temp] => [field1] => [field2] => [field3] => [field4] => [field5] => [subfolders] => [pmfolders] => [buddylist] => [ignorelist] => [signature] => [searchprefs] => [rank] => [icontitle] => [iconpath] => [avatarpath] => [hascustomavatar] => 0 [avatardateline] => [avwidth] => [avheight] => [edit_userid] => [edit_username] => [edit_dateline] => [edit_reason] => [hashistory] => [pagetext_html] => [hasimages] => [signatureparsed] => [sighasimages] => [sigpic] => [sigpicdateline] => [sigpicwidth] => [sigpicheight] => [postcount] => 4 [islastshown] => [isfirstshown] => [attachments] => [allattachments] => ) --> Also have div not moving with centered page - Macromedia Dynamic HTML

Also have div not moving with centered page - Macromedia Dynamic HTML

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

  1. #1

    Default 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


    phrarod Guest

  2. #2

    Default 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/08/11/the-sordid-tale-of-mm_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;position: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 helps.


    --
    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" <com> wrote in message
    news:fp0rvk$4k8$macromedia.com... 

    Murray Guest

  3. #3

    Default 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
    phrarod Guest

  4. #4

    Default 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 auto;position: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 auto;position: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" <com> wrote in message
    news:fp1rkr$9kt$macromedia.com... 

    Murray Guest

  5. #5

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

    phrarod Guest

  6. #6

    Default 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.
    phrarod Guest

  7. #7

    Default 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" <com> wrote in message
    news:fp1uff$ceb$macromedia.com... 

    Murray Guest

  8. #8

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

    phrarod Guest

  9. #9

    Default Re: Also have div not moving with centered page

    Your site's width does not depend on what widths others choose, it should
    depend on the browsing habits of your target demographic. I am still
    building sites that support maximized browser viewports on 800x600 screens
    without horizontal scrolling. To do that, you need to keep the width at
    about the 760px level. Your choice is a curious one, though. It implies
    that you are not interested in supporting that configuration, but are also
    unwilling to go to the next step which would be to support only maximized
    browsers on 1024x768, allowing a width of about 1000px. Anyhow....
     

    See - it's not a resolution decision. It's a browser width decision. And
    it's not based on your friend, it's based on your target demographic.

    --
    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" <com> wrote in message
    news:fp21m4$fu9$macromedia.com... 

    Murray Guest

  10. #10

    Default Re: Also have div not moving with centered page

    I understand completely and in the future I will do as you stated. I managed to
    get your code into CSS and hope I can center the whole site not too painfully.

    I know you're dealing with needy novices all day. This one really appreciates
    your kind help.

    phrarod Guest

  11. #11

    Default Re: Also have div not moving with centered page

    You're welcome. Good luck!

    Did you try the width change in the CSS - it should make the difference.

    --
    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" <com> wrote in message
    news:fp23fk$hr1$macromedia.com... 

    Murray Guest

  12. #12

    Default Re: Also have div not moving with centered page

    Yes, I made the width change in CSS and it fixed it although as you mentioned I
    have to change all the tables to align with the new container. I saved template
    files so I will have the code examples ready when I do another site. Hopefully
    I'll afford P7 menus by then. :)

    phrarod Guest

  13. #13

    Default Re: Also have div not moving with centered page

    Good luck!

    --
    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" <com> wrote in message
    news:fp268f$kuu$macromedia.com... 

    Murray Guest

  14. #14

    Default Re: Also have div not moving with centered page

    Murray. I can't believe it but I got roped into doing another site for a close
    friend who's bugged me for 6 years. It would mean text over a background like
    the one here. If using layers (div) is a no-no then what would you suggest?

    If you want to point me to a book or training tape that's cool too. I've spent
    many hours on Lynda.com although hard to learn specific design solutions

    phrarod Guest

  15. #15

    Default Re: Also have div not moving with centered page

    Why would it mean text over a background? Like the one where?

    Ordinarily trying to align text with a background image is a VERY poor
    method, since changes in the local browser's text size will change the
    alignment.

    For HTML/CSS learning, I'd recommend starting here -

    http://www.w3schools.com

    --
    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" <com> wrote in message
    news:fp8afg$c93$macromedia.com... 

    Murray Guest

  16. #16

    Default Re: Also have div not moving with centered page

    Thanks again. I'll check all of them out.
    phrarod Guest

  17. #17

    Default Re: Also have div not moving with centered page

    Trying to align text with a background image is going to be a futile
    endeavor. I would walk away from a design that required me to do that, or
    find another way to design it.

    --
    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" <com> wrote in message
    news:fp8afg$c93$macromedia.com... 

    Murray Guest

Similar Threads

  1. Simple Newbie Q: Don't want small page printin centered on big page.
    By geo._anderson@adobeforums.com in forum Adobe Acrobat Windows
    Replies: 5
    Last Post: May 25th, 02:23 PM
  2. Web page is not centered
    By NHJ in forum Web Design
    Replies: 1
    Last Post: November 12th, 12:58 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •