[IE7] footer werkt niet meer - Softwareontwikkeling

zondag 17 december 2006 13:07

Acties:

cxb1=N#

Topicstarter

hallo,

Ik heb een site die werkt in IE6 en Fx2 maar niet in IE7, hij doet het wel maar niet wat ik wil.
Ik heb een footer die zich aanpast aan de lengte van de content, alleen in IE7 doet hij dat niet meer.

de code van de footer

Cascading Stylesheet:

#footer
{
    background-image: url("base.jpg");
    background-repeat: no-repeat;
    background-position: center bottom;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    padding-top: 100px;
    padding-bottom: 20px;
    width: 640px;
    clear: both;
}

ik zie niet waarom IE7 niet hetzelfde doet als IE6

Won't you break the beats, cause I'm hardcore - Tiga

zondag 17 december 2006 13:28

Acties:

crisp

Devver

Pixelated

ik zie niet waarom IE7 niet hetzelfde doet als IE6

Omdat er in IE7 een hoop zaken zijn aangepast mbt CSS-rendering. Het kan zijn dat bepaalde CSS-hacks die je hebt toegepast voor IE6 nu een averechts effect hebben in IE7 of dat je site sowieso gebouwd is naar de foutieve rendering van IE6 (in welk geval je hetzelfde probleem in andere browsers zou moeten zien).
Het kan natuurlijk ook zijn dat dit een nieuwe bug is in IE7, maar zonder volledige code valt daar weinig over te zeggen...

[ Voor 36% gewijzigd door crisp op 17-12-2006 13:30 ]

Intentionally left blank

zondag 17 december 2006 13:53

Acties:

N0 0B

cxb1=N#

Topicstarter

Ok, ik heb hieronder mijn code geplaatst van zowel css als html. /ik ga niet zeggen dat ik net geprogrammeerd heb.

maar het werkt.
als blijkt dat er iets totaal fout gaat dan hoor ik het graag.

Cascading Stylesheet:

body
{
    color: #fc3;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 17px;
    background-color: #000;
    text-align: center;
    margin: 0;
    padding: 0;
}

#container
{
    background-color: #0c3379;
    text-align: left;
    margin: 8px auto;
    width: 640px;
}

#intro
{
    background-image: url("header.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    margin: 0;
    padding: 0;
    width: 640px;
    height: 445px;
}

#preamble
{
    margin: 0;
    padding: 235px 50px 10px 0;
    width: 375px;
    float: right;
    display:inline;
}

#preamble h3
{
    padding-top: 185px;
    width: 375px;
    height: 35px;
    font-size:13px;
}

/* IE hack voor padding-top*/
_html #preamble h3
{
    padding-top: 200px;
}

h3.2
{
    padding-top: 0;
    width: 375px;
    height: 35px;
    font-size:13px;
}


/* IE hack voor padding-top*/
_html h3.2
{
    padding-top:0;
}

#footer
{
    background-image: url("base.jpg");
    background-repeat: no-repeat;
    background-position: center bottom;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    padding-top: 100px;
    padding-bottom: 20px;
    width: 640px;
    clear: both;
}

#linkList
{
    background-color: #0c3379;
    position: absolute;
    top: 440px;
    width: 210px;
}

#lselect
{
    margin: 0;
    padding: 0 0 0 0;
}

#lselect h3
{
    margin: 0 0 0 ;
    padding: 0;
    font-size:13px;
}

#linkList ul li
{
    font-size: 10px;
    list-style-type: none;
    margin: 0;
    padding: 0 0 5px;
}

#linkList ul
{
    text-align: left;
    list-style-type: none;
    margin-top: 0;
    margin-right: 0;
    margin-left: 20px;
    margin-bottom: 18px;
    padding: 0;
}

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>De Holland - Algemene informatie</title>

    
<style type="text/css" media="all">
   @import "guusjen.css";
</style>

<link rel="stylesheet" type="text/css"
   media="print" href="print.css" />
</head>

<body id="body">
<div id="container">

    <div id="intro">
        
        <div id="preamble">
        <a name="current" id="current"></a>
        <? include ('menu.inc.php');
        ?>
        </div>
    </div>

        <div id="footer">
            &copy; 2006 Stichting Guusjen&nbsp; - Terschelling
        </div>


    
    <div id="linkList">
        <div id="lselect">
                <h3 class="select">Menu:<br />
                <br />
                </h3>
                <ul>
                    <li><a href="index.php">Home</a></li>
                    <li><a href="index.php?id=guusjen">Wat is Guusjen?</a></li>
                    <li><a href="index.php?id=doel">Doelstelling</a></li>
                    <li><a href="index.php?id=sponsoren">Sponsoren</a></li>
                    <li><a href="index.php?id=links">Links</a></li>
                    <li><a href="index.php?id=informatie&x=j">Algemene informatie</a></li>
                    <li><a href="index.php?id=bezoek">Bezoek de Holland</a></li>
                    <li><a href="index.php?id=contact">Contact</a></li>
                </ul>
            </div>
    </div>
</div>

</body>
</html>

Won't you break the beats, cause I'm hardcore - Tiga