Skip navigation
bunta3209
Currently Being Moderated

Alignment problems in website (Was:need help with website!!!!)

May 3, 2013 2:23 AM

hi i made a website for my boss and everything looks great on google chrome but in IE parts are not alligned properly could some one go to the site in IE so you can see the problem for yourself and look at source code and find what i did wrong.

 

http://intuitivebodyhealing.com/testimonials.html

 

Thanks - Bunta

 
Replies
  • Currently Being Moderated
    May 2, 2013 9:15 PM   in reply to bunta3209

    There is heaps wrong with the site. A good start is here http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fintuitivebody healing.com%2Ftestimonials.html

     

    Also have a look at what you have

    <div id="image1hold"><img src="images/kristen.png" alt="kristen" style="margin-right:450px; margin-top:30px;"/><div id="par" style="text-align: center; float:left; margin-left:298px; margin-top:-165px;"><center><h4><u>KRISTEN</u></h3></center></div><div style="float:left; margin-left:170px; margin-top:-140px;"><p>"Hi my name is kristen and before i met Tanya I have been dealing with asthma since I was about three years old, I can just remember having to take my inhaler and having my nebulizer with me everywhere in case i needed a breathing treatment" .....To hear kristen's story Click <a href="kristen.html">Here.</a><p></div></div>

    which should look like

    <div id="image1hold">

        <img src="images/kristen.png" alt="kristen"/>

      <h4>KRISTEN</h4>

      <p>"Hi my name is kristen and before i met Tanya I have been dealing with asthma since I was about three years old, I can just remember having to take my inhaler and having my nebulizer with me everywhere in case i needed a breathing treatment" .....To hear kristen's story Click <a href="kristen.html">Here.</a></p>

    </div>

    The styling should appear in the CSS section at the top of your document

     
    |
    Mark as:
  • Currently Being Moderated
    May 3, 2013 2:18 AM   in reply to bunta3209
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <style>
    body {
        width: 960px;
        margin: auto;
        background-color: #0099FF;
    }
    .image1hold {
        width: 650px;
        height: 250px;
        background: url(http://intuitivebodyhealing.com/images/left%20hand%20test.png) no-repeat;
        padding: 20px;
    }
    .image1hold img {
        display: block;
        margin: 10px;
        float: left;
    }
    .image1hold .content {
        width: 610px;
    }
    .image1hold h4 {
        text-align: center;
        text-decoration: underline;
    }
    </style>
    </head>
    
    <body>
    <div class="image1hold">
      <img src="http://intuitivebodyhealing.com/images/kristen.png" alt="kristen"/>
      <div class="content">
        <h4>KRISTEN</h4>
        <p>"Hi my name is kristen and before i met Tanya I have been dealing with asthma since I was about three years old, I can just remember having to take my inhaler and having my nebulizer with me everywhere in case I needed a breathing treatment" .....To hear kristen's story Click <a href="kristen.html">Here.</a></p>
      </div>
    </div>
    </body>
    </html>
     
    |
    Mark as:
  • Currently Being Moderated
    May 3, 2013 1:20 PM   in reply to bunta3209

    Sorry, did not check in IE7 as it has nearly faded away. Newer versions of IE are ok. Change the following values

    .image1hold .content {

        width: 450px;

       margin-left: 150px;

    }

     
    |
    Mark as:
  • Currently Being Moderated
    May 3, 2013 4:40 PM   in reply to bunta3209

    Try adding video.js http://videojs.com/

     
    |
    Mark as:
  • Currently Being Moderated
    May 5, 2013 11:31 PM   in reply to bunta3209

    Hi bunta 3209,

     

    Glad to know that your issue is resolved.

     

    Could you post your final solution so that others who visit this thread at a later date know what to do?

     

    Have a nice day!

     

    Thanks,

    Preran

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (1)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points