Announcement

Collapse
No announcement yet.

Problem in my template in the body section

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Problem in my template in the body section

    Hi all. I hope you can help me because i dont know what else to do here:
    I ma working on my own template and If you look at my site: American Outdoor Pros.

    You can see that i have my Header and footer centered but for some reason the body of the site got so wide all the way. I am looking at my frame but dont know what to add or change.
    Please help me if you can.

    Here is some of my body frame content:


    body>

    <tr>
    <td>
    <!--[if lte IE 7]>
    </td></tr></table>
    <div id="wrap" style="width:984px;" align="left">
    <![endif]-->
    <div id="contentWrap">

    <div id="header">
    <!-- <div id="headerTop">
    <div id="headerTopLeft">
    <div id="topMenu">-->
    <!--START: FRAME_MENU-->
    <!-- <ul id="menuLinks" style="float:left; display:block;">
    <li class="font3"><img src="assets/templates/[template]/images/car.png" alt="car" /></li>-->
    <!--START: menuitems_view-->
    <!--START: TOP_LINK_FORMAT-->
    <!-- <li class="font3">
    <a href="infopage.asp?page=[link_id]" class="menu" target="[link_target]">[link_name]</a><img src="assets/templates/[template]/images/menuLI.png" alt="menuLI" />
    </li>-->
    <!--END: TOP_LINK_FORMAT-->
    <!--END: menuitems_view-->
    <!--</ul>-->
    <!--END: FRAME_MENU-->
    <!-- </div>
    </div>
    <div id="headerTopRight">
    <div id="cartWrap" style="float:right;">
    <div id="cartBG">
    <div id="shoppingCart" style="float:right; text-align:right; margin-left:15px;">-->
    <!--START: shopping_cart-->
    <!-- <img src="assets/templates/[template]/images/cartBG.png" alt="shopping cart" />
    <span id="cartLink" style="padding-left:5px; position:relative; top:-15px; font-style:italic;"><a href="view_cart.asp" class="cart-text" title="View Cart" rel="nofollow" style=" font-size:12px; text-decoration:none;"><span class="white">[ITEMSINCART]</span> <span class="white">item(s)</span> <span class="white" style="font-size:15px;"><strong>[SUBTOTAL]</strong></span></a></span>-->

    <!--END: shopping_cart-->
    <!-- </div>--><!-- end shoppingCart -->
    <!--</div>--><!-- end cartBG -->
    <!-- </div>--><!-- end cartWrap -->
    <!-- </div>--><!-- end headerTopRight -->
    <!-- </div>--><!-- end headerTop -->
    <table width="[screenwidth]" cellspacing="0" cellpadding="0" border="0" class="data">
    <tr>
    <table width="100%" cellpadding="0" cellspacing="0" border="0">
    <tr>
    <td><!--START: global_header-->
    <span class="store-name">[storename]</span><br>
    <span class="store-slogan">[storeslogan]</span>
    <!--END: global_header--></td>

    </tr>
    </table></td>

  • #2
    Code

    1) Complete your <body> tag
    2) Remove the last <td>

    Comment


    • #3
      See the full code

      I have them already in the frame.
      Please see this link for the full frame code. (View Source)
      Please any help will be great

      Comment


      • #4
        Mixed Up Code

        BEFORE doing anything, have you tried reverting to an earlier date? There are numerous errors in your code. The 1st one is:


        <html xmlns="http://www.w3.org/1999/xhtml"><head>
        <title>[TITLE]</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        </head><body>[META]

        Find the REAL beginning of your <body> section.

        Try this:

        </head><body>
        <div id="contentWrap">
        <div id="wrap" style="width:984px;" align="left">
        <div id="header">
        <!-- <div id="headerTop">
        Last edited by celebra1; 07-30-2012, 01:35 PM.

        Comment


        • #5
          Originally posted by celebra1 View Post
          BEFORE doing anything, have you tried reverting to an earlier date? There are numerous errors in your code. The 1st one is:


          <html xmlns="http://www.w3.org/1999/xhtml"><head>
          <title>[TITLE]</title>
          <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
          </head><body>[META]

          Find the REAL beginning of your <body> section.

          Try this:

          </head><body>
          <div id="contentWrap">
          <div id="wrap" style="width:984px;" align="left">
          <div id="header">
          <!-- <div id="headerTop">


          It worked but the site is not centered now its on the left. Any idea why?

          Comment


          • #6
            as long as you use it just for the primary content just use a center tag:

            <body>
            <center>
            (all your code starting and ending with <div id="contentWrap">)
            </center>
            </body>

            Hope this helps.
            TheCartDesigner.com
            Not 3dcart Owned or Operated
            100% Independent 3dcart Expert


            Follow Us on Twitter

            Comment


            • #7
              NO &lt;center&gt;

              You have a xhtml doctype. You should not use outdated <center> tags. The clue for centering will probably be in your stylesheet. Look for #contentWrap. You may need to add text-align:center; vertical-align:top; to the code, or change the code, if present, to center.

              </head><body>
              <div id="contentWrap">
              <div id="wrap" style="width:984px;" align="left">
              <div id="header">
              <!-- <div id="headerTop">

              Comment


              • #8
                Agreed, Go find and fix your non closed divs. Remove unused or duplicate tags. Then you will be able to properly text-align:center within your contentWrap or Wrap divs.
                TheCartDesigner.com
                Not 3dcart Owned or Operated
                100% Independent 3dcart Expert


                Follow Us on Twitter

                Comment


                • #9
                  Tישמלד

                  Originally posted by 3dcartdesigns View Post
                  as long as you use it just for the primary content just use a center tag:

                  <body>
                  <center>
                  (all your code starting and ending with <div id="contentWrap">)
                  </center>
                  </body>

                  Hope this helps.
                  Working... great thanks all. i will check the errors etc

                  Comment

                  Working...
                  X