1 Topic by yemgi

  • yemgi
  • Senior Member
  • Offline
  • From: Crawley, West Sussex
  • Registered: 2007-04-10
  • Posts: 254

Topic: Header CSS problem with IE7

I have modified the header to add an ad banner.
It works fine in Firefox but in IE7 I have an issue with the display.
My CSS knowledge is not very good and I can not figure how to fix it.

I would be very grateful if some one could help me find a workaround smile

I first thought it was the javascript that was not clean so I tried to replace the javascript by a <img src="mybanner.jpg" alt="banner" /> but it does the same sad

I tried to declare the div after <pun_title> but it does not solve the issue.

The page is at http://www.tuningtour.org/forums/

Here is the main.tpl:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html dir="<pun_content_direction>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<pun_char_encoding>" />
<pun_head>
<pun_include "meta.php">
</head>
<body>

<div id="punwrap">
<div id="pun<pun_page>" class="pun">

<div id="brdheader" class="block">
    <div class="box">
        <pun_desc>
        <div id="brdtitle" class="inbox">
            <div id="pub"><script type="text/javascript" src="http://www.wipub.com/ban_468.php?id_affilie=21000"></script></div>
            <pun_title>
        </div>
        <pun_navlinks>
        <pun_status>
    </div>
</div>

<pun_announcement>

<pun_main>

<pun_footer>

</div>
</div>
</body>
</html>

and the CSS file:

#brdtitle h1 span {
    display: block;
    background-image: url(/img/banner.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 116px; /* Hauteur de l'image */
    width: 994px; /* largeur de l'image */
    text-indent: -200%;
    margin-top: -6px;
    margin-left: -6px;
    margin-right: -6px;
    margin-bottom: -3px;
}

#pub {
    background-image: url(/img/publicite.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-color: #333333;
    border: 2px solid #333333;
    width: 488px;
    height: 60px;
    float: right;
    margin-top: 16px;
    text-align: right;
}
Powered by FluxBB

yemgi's Website