• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 229
  • Last Modified:

HTML Assistyance

I am trying to create an html template and am copying the code from a book "Head First HTML."  The sample in the book shows the border place around the text very nicely. However when I open up the html in a browser window I can barely make out the border as it is hugging the very edges of the window. Evidently they forgot to tell me something important. Any idea of what I can do so that I see my border within the template?


<html>

      <head>
            <title>Marketing Template for LLCAZ</title>

            <style type="text/css">

                  body {
                        background-color: #FFFFFF;
                        margin-left: 20%;
                        margin-right: 20%;
                        border: 2px solid #B0C091;
                        padding: 10px 10px 10px 10px;
                        font-family: sans-serif;
                        
                        }
            </style>

      </head>
      <body>

                  <table align="center" width="100" height="100">
                  <tr><td><img src="https://system.netsuite.com/core/media/media.nl?id=1&c=609554&h=6a8c952b15c45ebcd2b3" alt="LLCAZ logo"/>
                  </td></tr></table>
            
            <h1>Massage Envy Customer Center</h1>

            <h2>What is the Customer Center?</h2>

                  <p>For each of your franchise locations you can now login to reorder, ask a question or log a concern. You can also see past orders and current ones, and a statement of your activity with LifeStyle and Leisure Creations.
                  </p>
      </body>
</html>
0
tfoydel
Asked:
tfoydel
1 Solution
 
ZylochCommented:
It must be something with IE and <body>. In any case, you can fix it if you add:

<div id="wrapper"></div> around all your content in your <body>. Then, instead of having

body {styles}

have

#wrapper {styles}
0
 
bowen18Commented:
This is what your code will look like if you take Zyloch's suggestion:

<html>

     <head>
          <title>Marketing Template for LLCAZ</title>

          <style type="text/css">

               #wrapper {
                    background-color: #FFFFFF;
                    margin-left: 20%;
                    margin-right: 20%;
                    border: 2px solid #B0C091;
                    padding: 10px 10px 10px 10px;
                    font-family: sans-serif;
                   
                    }
          </style>

     </head>
     <body>
      <div id="wrapper">

               <table align="center" width="100" height="100">
               <tr><td><img src="https://system.netsuite.com/core/media/media.nl?id=1&c=609554&h=6a8c952b15c45ebcd2b3" alt="LLCAZ logo"/>
               </td></tr></table>
         
          <h1>Massage Envy Customer Center</h1>

          <h2>What is the Customer Center?</h2>

               <p>For each of your franchise locations you can now login to reorder, ask a question or log a concern. You can also see past orders and current ones, and a statement of your activity with LifeStyle and Leisure Creations.
               </p>
      </div>
     </body>
</html>
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Tackle projects and never again get stuck behind a technical roadblock.
Join Now