Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 4 1 2 3 ... LastLast
Results 1 to 10 of 32
  1. #1
    Junior Member interlaced's Avatar
    Join Date
    Mar 2010
    Location
    New Zealand (Surprise)
    Posts
    22
    Member #
    21435
    Hey all i know this is probably been asked a million times but ive searched and searched and with everything ive found nothing seems to work so ive wound up here for wisdom. Ive recently been asked as a favour to my mum for one of her friends to do a few basic alterations to their website one of the main on the list being to center the page. Now ive tried everything from center tags to div align and nothing seems to work the sites here www.acembroidery.com any help would be appreciated thankyou.

  2.  

  3. #2
    Senior Member Dorky's Avatar
    Join Date
    Jun 2009
    Location
    Destin Florida
    Posts
    1,430
    Member #
    19103
    Liked
    4 times
    i just posted this on another thread

    http://www.webdesignforums.net/showt...054#post241054

    while($get_it !== true){ continue; }

  4. #3
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    Add this to your div under the body tag so it looks like this...

    <div style="margin: 0pt auto; position: relative; width: 750px;">

    The coding is really bad, must be MS Word or something?

  5. #4
    Junior Member interlaced's Avatar
    Join Date
    Mar 2010
    Location
    New Zealand (Surprise)
    Posts
    22
    Member #
    21435
    aeroweb99 tryed what ya said unfortunately no cigar and im pretty sure im implementing it correctly

  6. #5
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    Just the styles, don't add another div, just put those styles in place of the other styles in the div after the body. I just tried it again and it works, in Firefox anyway. You have all absolute positioned divs therefore, to center the page, they need to be wrapped in a position: relative; container or it will never work.

    EDIT>>> You will need to do it to the other pages as well.

  7. #6
    Senior Member Dorky's Avatar
    Join Date
    Jun 2009
    Location
    Destin Florida
    Posts
    1,430
    Member #
    19103
    Liked
    4 times
    <div style='position:absolute;width:7.-71in;height:9.0992in'>

    <div style='position: relative; width: 750px; margin: 0px auto 0px auto;'>


    aero i may be rong but i thought width had to be declared before auto margins?

    while($get_it !== true){ continue; }

  8. #7
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    I don't think so, but then again, I never thought about it.

    Code:
    <div style="margin: 0 auto; position: relative; width: 750px;">
    This code worked for me in Firebug.

  9. #8
    Junior Member interlaced's Avatar
    Join Date
    Mar 2010
    Location
    New Zealand (Surprise)
    Posts
    22
    Member #
    21435
    sorry to bug ya aeroweb but i still cant seem to nail it, if possible would you be able to post a text file of the altered code so i can see for myself.

  10. #9
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    Ok, right after the body tag there is a div. All I did was change the styles in that div. Here is a snippet I copied and pasted here(see below). I did this using firebug, are you familiar with Firebug? I don't know how it does in IE, but it should work also.

    I want you to make the changes, upload it, then I want to see it live with your changes.

    Code:
    <body link="purple" vlink="navy" style="margin: 0pt;">
    <div style="margin: 0pt auto; position: relative; width: 750px;">
    <!--[if gte vml 1]><v:rect id="_x0000_s1060" alt="" style='position:absolute;
     left:4.16pt;top:2.44pt;width:563.12pt;height:136.8pt;z-index:5;visibility:visible;
     mso-wrap-edited:f;mso-wrap-distance-left:2.88pt;mso-wrap-distance-top:2.88pt;
     mso-wrap-distance-right:2.88pt;mso-wrap-distance-bottom:2.88pt' fillcolor="#306 [1]"
     stroked="f" strokecolor="black [0]" strokeweight="0" o:cliptowrap="t">
     <v:fill color2="white [7]" rotate="t" focus="100%" type="gradient"/>
     <v:stroke>

  11. #10
    Senior Member diddy's Avatar
    Join Date
    Jun 2008
    Location
    Sydney, Australia
    Posts
    502
    Member #
    16955
    The code that Aero provided is working for me using firebug in firefox. This is a screenshot of the HTML that I altered. The line that I altered is highlighted.
    Attached Images Attached Images


Page 1 of 4 1 2 3 ... LastLast

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 10:55 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com