We help IT Professionals succeed at work.

CSS unwanted borders

svp28
svp28 asked
on
587 Views
Last Modified: 2008-02-26
I am having trouble with my css-based web page.  In IE 7 i have unwanted border around the images.  I have tried everything that I could and nothing made the borders disappear.

Here is the code
<html>
<head>
<style type="text/css">
body {
background-color: yellow
}

div.container
{
width: 916px;
}



div.left
{
float:left;
width:100px;
}

div.content
{
Height: 514px;


 
background-image: url('/images/lesstall_home.jpg');
background-repeat: no-repeat;
background-position:  center;  
background-color: #272727

}

div.footer
{
font-family: verdana;
font-size: 12px;
font-weight: bold;
color: #E7B33B;
text-align: right;
}

</style>
</head>
<body>

<div class="container">
  <div class="header"><img src="images/header.jpg" width="916" height="121" border="0">
  </div>
  <div class="left"><img src="images/leftnav.jpg" border="0"></div>
  <div class="content" align="top">Home</div>
<div class="footer">Site Design: Laura Pixley</div>
</div>

</body>
</html>


Here is the link - http://www.lesstallguitars.com/test2.htm
Comment
Watch Question

Top Expert 2007
Commented:
Unlock this solution and get a sample of our free trial.
(No credit card required)
UNLOCK SOLUTION
Commented:
Unlock this solution and get a sample of our free trial.
(No credit card required)
UNLOCK SOLUTION

Commented:
Nevermind... the fix above didn't help.  I still think the problem is that IE is rendering the space characters, though.

Commented:
Oops.... :) I was still looking at your version when I said that my fix didn't work.  I just checked my version of your page, and my fix did work for the horizontal space.  Sorry!

    <div class="header"><img src="images/header.jpg" width="916" height="121" border="0"></div>

Author

Commented:
I did add the doc type.  It solved the problem in IE7, but not in Firefox?  I thought Firefox would have less trouble.  Am I missing somethig?

Commented:
Firefox does have it's own (however rare) bugs.  IE just has about 50x the number of bugs.  What doctype did you use?
CERTIFIED EXPERT
Commented:
Unlock this solution and get a sample of our free trial.
(No credit card required)
UNLOCK SOLUTION
CERTIFIED EXPERT

Commented:
Checking back to see if you had any progress. Did you get the page to render in standards compliant mode after doing the corrections?
Unlock the solution to this question.
Thanks for using Experts Exchange.

Please provide your email to receive a sample view!

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.