ie Bug

**starleos** · Jul 28, 2004 02:27

Hi,

need some help with this crazy bug.
If you have a look on this link in firefox

http://www.starleos.com/content/

everything ist fine, the middle graphic displays but as soon you look at it in ie you won't see the middle grafic instead you get the colour from #gesamt.

Code:

body
{
font-family:'Times New Roman', serif;
font-size:12pt;
background-color:#FFFF80;
margin:0px;
padding:0px;
text-align:center;
}

div
{
text-align:left;
margin:0px auto;
padding:0px;

}

div#gesamt {
width:775px;
background:#FFFBC9;
}

#titleoben {
height:116px;
background: url(http://www.starleos.com/phpBB2/templ...es/logofor.png) no-repeat;
}


div#content
{
background: url(http://www.starleos.com/phpBB2/templ...es/logofor.png)repeat-x;
height:150px;
width:100%;
}

#contentleft
{
width:120px;
text-align:center;
float:left;
}

#contentmiddle
{
width:525px;
padding:5px;
text-align:center;
float:left;
}


#contentright
{
width:120px;
text-align:center;
float:right;
}

div#groundoben {
height:71px;
background-image: url(http://www.starleos.com/phpBB2/templ...es/logofor.png);
text-align:center;
clear:both;
}

(x)html

Code:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>text</title>
<link rel="stylesheet" href="style/style.css" type="text/css" media="all" />
</head>
<body>
<div id="gesamt">

  <div id="titleoben">zzz&nbsp;</div>
  
    <div id="content">

      <span id="contentright">Test 2</span>
      <span id="contentleft">Test 1</span>
      <span id="contentmiddle">Test 3</span>
    </div>

  <div id="groundoben">hhhTest</div>

</div>

</body>
</html>

Any suggestions?
Thx

**Egor** · Jul 28, 2004 03:22

Umm, drop the xml tag?

**MikeMontgomery** · Jul 28, 2004 04:38

The problem is being caused in your CSS.

In the div#content definition, you need to add a space between logofor.png) and repeat-x. The two items are running together.