?
Solved

HTML Assistyance

Posted on 2006-07-06
2
Medium Priority
?
224 Views
Last Modified: 2010-04-06
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
Comment
Question by:tfoydel
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 36

Accepted Solution

by:
Zyloch earned 2000 total points
ID: 17052759
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
 
LVL 2

Expert Comment

by:bowen18
ID: 17053114
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

Get real performance insights from real users

Key features:
- Total Pages Views and Load times
- Top Pages Viewed and Load Times
- Real Time Site Page Build Performance
- Users’ Browser and Platform Performance
- Geographic User Breakdown
- And more

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Preface This article introduces an authentication and authorization system for a website.  It is understood by the author and the project contributors that there is no such thing as a "one size fits all" system.  That being said, there is a certa…
Introduction Since I wrote the original article about Handling Date and Time in PHP and MySQL several years ago, it seemed like now was a good time to update it for object-oriented PHP.  This article does that, replacing as much as possible the pr…
Viewers will learn about arithmetic and Boolean expressions in Java and the logical operators used to create Boolean expressions. We will cover the symbols used for arithmetic expressions and define each logical operator and how to use them in Boole…
Viewers will learn about if statements in Java and their use The if statement: The condition required to create an if statement: Variations of if statements: An example using if statements:
Suggested Courses

800 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question