HTML / CSS unterschiedliche Darstellung zwischen IE und Firefox

Darth Sidious · 3. Dezember 2010

Hallo,

ich habe mal wieder ein Problem.

Und zwar hab ich eine Website und der Firefox stell diese Seite wie gewünscht dar, der Internet Explorer jedoch nicht (unterschiedliche falsche Darstellungen zwischen den 6er und 8er).

Seltsamerweiße habe ich mehrerer Seite die fast Identisch sind, und dort werden sie in allen Browser richtig dargestellt nur auf der einen Seite nicht.

Wie gesagt, den HTML/PHP Code / CSS verwende ich auf mehreren Seiten, und nur auf einer von denen wird es falsch dargestellt (auch wenn das Layout scheinbar identisch im Code aufgebaut ist (die stellen wo div eingesetzt wird)

Und dann gleich noch eien Frage.

Warum wird folgende Zelle nicht Rot unterstrichen?

Könnte es vielelicht daran liegen das CSS Vorrang vor HTML Design-Vorgaben hat?

<td style="border-width:medium; border-bottom-color:#f21c0a">TEXT</td>

Hier mal kurz der gesamte Code der Seite die falsch dargestellt wird im IE6 und IE8:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN

    "http://www.w3.org/TR/html4/loose.dtd">

<html>

<body>

<?php

//include head and functions

require("head.php");

require("function.php");

?>


<h1>TEXT0</h1>

<!-- input fields for input values -->

<div class="optionDIV">

    <div style="margin-left:5px">

    <form method="post" action="">

        Month <select name="month2" id="month2">

                <?php

                CODE

                ?>

            </select>

        Year <select name="year2" id="year2">

                <?php

                CODE

                ?>

                </select>

                 

                 

        <input type="submit" name="Start" id="Start" value="Start" />

        <br />

    </form>

    </div>



<?php

   CODE

?>


<div class="optionDIV">

<div style="margin-left:5px">

<table border="0" width="100%" cellspacing="0" align="right">

        <colgroup>

                <col width="20%" />

                <col width="10%" />

                <col width="15%" />

                <col width="15%" />

        </colgroup>

            <tr style="font-size: 15px">

                <th colspan="2">Überschrift 1<?php CODE ?></th>

                <th colspan="2">Überschrift 2</th>

            </tr>

            <tr style="font-size: 12px">

                <td style="border-bottom-color:#9E9E9E">TEXT1:</td>

                <td style="border-bottom-color:#9E9E9E">

                    <?php

                   CODE

                ?>

                <td style="border-bottom-color:#9E9E9E">TEST2:</td>

                <td style="border-bottom-color:#9E9E9E">

                    <?php

                        CODE

                        ?>

            </tr>

            <tr style="font-size: 12px">

                <td style="border-bottom-color:#9E9E9E">TEXT3</td>

                <td style="border-bottom-color:#9E9E9E">

                <?php

            CODE

                ?>

            <td style="border-bottom-color:#9E9E9E">TEXT4</tdY>

            <td style="border-bottom-color:#9E9E9E">

                    <?php

                        CODE

                    ?>

            </tr>

            <tr style="font-size: 12px">

                <td style="border-bottom-color:#9E9E9E">TEXT5</td>

        <td style="border-bottom-color:#9E9E9E">

        <?php

    CODE

        ?>

                <td style="border-bottom-color:#9E9E9E">TEXT6</td>

                    <td style="border-bottom-color:#9E9E9E">

                    <?php

               CODE

                    ?>

            </tr>

        <tr style="font-size: 12px">

            <td style="border-bottom-color:#9E9E9E">TEXT7</td>

        <td style="border-bottom-color:#9E9E9E">

        <?php

CODE

        ?>

            <td style="border-bottom-color:#9E9E9E">TEXT8</td>

            <td style="border-bottom-color:#9E9E9E">

                <?php

             CODE

                    ?>

        </tr>

            <tr style="font-size: 12px">

                <td style="border-width:medium; border-bottom-color:#f21c0a">TEXT9</td>

        <td style="border-width:medium; border-bottom-color:#f21c0a">

        <b style="color:#f21c0a">

        <?php

        CODE

        ?>

            <td style="border-width:medium; border-bottom-color:#f21c0a">TEXT10</td>

            <td style="border-width:medium; border-bottom-color:#f21c0a">

                <b style="color:#f21c0a">

                <?php

                CODE

        ?>

        </tr>

    </table>

</div>

</div>

</div>


<!-- Creating the bottom -->

<div style="clear:both;">

    <hr size="1" noshade="noshade"/>

        <div style="text-align: right; margin: 0; padding: 5px 25px; font-size: 0.8em;">

            TEXT11

        </div>

</div>


</body>

</html>[/PHP]

Und wenn Ihr was wisst bitte mit Begründung, ich möchte ja schließlich den Fehler nicht ein zweites mal begehen.

Und auch vielen Dank schonmal, ich weiß dass es viel Zeit kostest sich duch den Code zu frickeln und mir zu helfen.

Gruß

Darth Sidious

Bearbeitet 3. Dezember 2010 von Darth Sidious

_n4p_ · 3. Dezember 2010

Und dann gleich noch eien Frage.
Warum wird folgende Zelle nicht Rot unterstrichen?
Könnte es vielelicht daran liegen das CSS Vorrang vor HTML Design-Vorgaben hat?
<td style="border-width:medium; border-bottom-color:#f21c0a">TEXT</td>

was meinst du mit HTML Design-Vorgaben, das style=""?

dort werden auch nur css eigenschaften definiert, hat also mit den HTML attributen wie "color", "bgcolor" usw nicht viel zu tun.

darüber hinaus hat style vorrang. (style > id > class > tag)

die linie würde ich mit style="border-bottom: 2px solid #f21c0a;" machen

für die ganze seite hab ich im moment nich so zeit ^^

Toothrot · 3. Dezember 2010

Poste bitte HTML-Code so, wie er im Browser ankommt, ohne PHP-Code. Validiere Deinen Code. Im Doctype fehlen Anführungszeichen. Bei nicht validem Code ist es reine Glückssache, wie der Browser ihn anzeigt.

Außerdem sieht das schwer nach Tabellenlayout aus, wovon ich abrate.

kellerkindl · 5. Dezember 2010

Wie schon gesagt, richtiger HTML-Code wie er im Browser dann ankommt würde helfen. Zudem wären Screenshots nützlich. Was wird genau falsch dargestellt?

Darth Sidious · 6. Dezember 2010

@_n4p_:

Genau so wollte ich das wissen mit der "Rangordnung" bezüglich des Designs (style > id > class > tag).

Das ganze ist auch bewusst im Tabellenformat gemacht, da es ja eine tabellarische Auswertung ist

Inzwischen hat sich jedoch der Ausgangscode etwas verändert. Im moment sieht er so aus (wird jedoch auch falsch dargestellt. Die Daten sollen in dem Kasten sein. Der Noshade und das Copyright darunter).

Code:

<?php

//include head and functions

require("head.php");

require("function.php");

?>


<h1>TEXT</h1>

<div class="optionDIV">

<div class="optionDIV">

<!-- input fields for input values -->

    <form method="post" action="">

        Month <select name="month2" id="month2">

                <?php PHP-CODE ?>

            </select>

        Year <select name="year2" id="year2">

                <?php PHP-CODE ?>

                </select>

                 

                 

        <input type="submit" name="Start" id="Start" value="Start" />

        <br />

    </form>

    </div>



<?php

PHP-CODE

?>


<div class="optionDIV">

<table border="0" width="100%" cellspacing="0" align="right">

        <colgroup>

                <col width="20%" />

                <col width="10%" />

                <col width="15%" />

                <col width="15%" />

        </colgroup>

        <thead>

            <tr style="font-size: 15px">

                <th colspan="2">TEXT <?php PHP-CODE ?></th>

                <th colspan="2">TEXT</th>

            </tr>

        </thead>

        <tbody>

            <tr style="font-size: 12px">

                <td style="border-bottom-color:#9E9E9E">TEXT</td>

                <td style="border-bottom-color:#9E9E9E">

                    <?php PHP-CODE ?>

                <td style="border-bottom-color:#9E9E9E">TEXT</td>

                <td style="border-bottom-color:#9E9E9E">

                    <?php PHP-CODE ?>

            </tr>

            <tr style="font-size: 12px">

                <td style="border-bottom-color:#9E9E9E">TEXT</td>

                <td style="border-bottom-color:#9E9E9E">

                <?php PHP-CODE ?>

            <td style="border-bottom-color:#9E9E9E">TEXT</td>

            <td style="border-bottom-color:#9E9E9E">

                    <?php PHP-CODE ?>

            </tr>

            <tr style="font-size: 12px">

                <td style="border-bottom-color:#9E9E9E">TEXT</td>

        <td style="border-bottom-color:#9E9E9E">

        <?php PHP-CODE ?>

                <td style="border-bottom-color:#9E9E9E">TEXT</td>

                    <td style="border-bottom-color:#9E9E9E">

                    <?php PHP-CODE ?>

            </tr>

        <tr style="font-size: 12px">

            <td style="border-bottom-color:#9E9E9E">TEXT</td>

        <td style="border-bottom-color:#9E9E9E">

        <?php PHP-CODE ?>

            <td style="border-bottom-color:#9E9E9E">TEXT</td>

            <td style="border-bottom-color:#9E9E9E">

                <?php PHP-CODE ?>

        </tr>

            <tr style="font-size: 12px">

                <td style="border-width:medium; border-bottom-color:#f21c0a">Total sum:</td>

        <td style="border-width:medium; border-bottom-color:#f21c0a">

        <b style="color:#f21c0a">

        <?php PHP-CODE ?>

            <td style="border-width:medium; border-bottom-color:#f21c0a">Total sum:</td>

            <td style="border-width:medium; border-bottom-color:#f21c0a">

                <b style="color:#f21c0a">

                <?php PHP-CODE ?>

        </tr>

        </tbody>

    </table>

</div>

</div>

</div>


<!-- Creating the bottom -->

<div style="clear:both;">

<hr size="1" noshade="noshade"/><div style="text-align: right; margin: 0; padding: 5px 25px; font-size: 0.8em;">© 2010 XXXX</div></div>

</body>

</html>

Zur Sicherheit hier nochmal der

Ok,

hier mal die verschiedenen HTML-Codes (wie im Browser dargestellt):

1. Internet-Explorer 8:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta name="text/html; charset=UTF-8" content="Content-Type" /><title>XXXX</title><link href="/XXXX/css/main.css" media="screen" rel="stylesheet" type="text/css" />

</head>

<body>


<div id="header">

    <a href="/XXXX/index.php">

        <img src="/XXXX/css/logo_XXXX.gif" alt="XXXX" />

        <span  style="color: #fff; text-decoration: none; font-size: 1.8em; font-weight: normal;">XXXX</span></a>


    <div align="right" style="color: #fff;">

        <br />

<b>Notice</b>:  Undefined index: SSL_CLIENT_CERT in <b>/opt/lampp/htdocs/XXXX/head.php</b> on line <b>13</b><br />

You are logged in as:         </div>

</div>



<div style="clear: both;"></div>

<div id="content">

<style type="text/css">@import url(/XXXX/jquery/jquery-calendar-time.css);</style>


<script type="text/javascript" src="/XXXX/jquery/jquery.js"></script>

<script type="text/javascript" src="/XXXX/jquery/jquery-calendar-time.js"></script>

<script type="text/javascript">

$(document).ready(function() {

$('.calendar_field').calendar({

monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],

dayNames: ['Sun','Mon','Tue','Wed','Thu','Fri','Sat'],

speed: 0,

dateFormat: 'YMD-.',

clearText: "Del",

closeText: "Exit",

prevText: "<<",

nextText: ">>",

currentText: "Today",

firstDay: 0,

yearRange: '-25:+5',

changeFirstDay: false,

autoPopUp: 'button',

timeSeparators:[' ',':'],

buttonImageOnly: true, buttonImage: '/XXXX/css/calendar.gif'});

});

</script>


<div id="navcontainer">

<ul id="navlist">

<li><a href="/XXXX/index.php"     >TEXT</a></li>


<li><a href="/XXXX/XXXX.php"     >TEXT</a></li>


<li><a href="/XXXX/XXXX.php"     >TEXT</a></li>


<li><a href="/XXXX/XXXXphp"     >TEXT</a></li>

<li><a href="/XXXX/XXXX.php"     >TEXT</a></li>

<li><a href="/XXXX/XXXX.php"     >TEXT</a></li>

<li><a href="/XXXX/XXX.php"     >TEXT</a></li>

<li><a href="LINK" target="_blank">TEXT</a></li>

<li><a href="LINK" target="_blank">TEXT</a></li>


</ul>

</div>

<h1>TEXT</h1>

<div class="optionDIV">

<div class="optionDIV">

<!-- input fields for input values -->

    <form method="post" action="">

        Month <select name="month2" id="month2">

                <option value="December" >December</option>"<option value="January" >January</option>"<option value="February" >February</option>"<option value="March" >March</option>"<option value="April" >April</option>"<option value="May" >May</option>"<option value="June" >June</option>"<option value="July" >July</option>"<option value="August" >August</option>"<option value="September" >September</option>"<option value="October" >October</option>"<option value="November" >November</option>"<option value="December"  selected="selected">December</option>"            </select>

        Year <select name="year2" id="year2">

                <option value="2000" >2000</option><option value="2001" >2001</option><option value="2002" >2002</option><option value="2003" >2003</option><option value="2004" >2004</option><option value="2005" >2005</option><option value="2006" >2006</option><option value="2007" >2007</option><option value="2008" >2008</option><option value="2009" >2009</option><option value="2010"  selected="selected">2010</option><option value="2011" >2011</option><option value="2012" >2012</option><option value="2013" >2013</option><option value="2014" >2014</option><option value="2015" >2015</option><option value="2016" >2016</option><option value="2017" >2017</option><option value="2018" >2018</option><option value="2019" >2019</option><option value="2020" >2020</option><option value="2021" >2021</option><option value="2022" >2022</option><option value="2023" >2023</option><option value="2024" >2024</option><option value="2025" >2025</option><option value="2026" >2026</option><option value="2027" >2027</option><option value="2028" >2028</option><option value="2029" >2029</option><option value="2030" >2030</option><option value="2031" >2031</option><option value="2032" >2032</option><option value="2033" >2033</option><option value="2034" >2034</option><option value="2035" >2035</option>                </select>

                 

                 

        <input type="submit" name="Start" id="Start" value="Start" />

        <br />

    </form>

    </div>




<div class="optionDIV">

<table border="0" width="100%" cellspacing="0" align="right">

        <colgroup>

                <col width="20%" />

                <col width="10%" />

                <col width="15%" />

                <col width="15%" />

        </colgroup>

        <thead>

            <tr style="font-size: 15px">

                <th colspan="2">TEXT</th>

                <th colspan="2">TEXT</th>

            </tr>

        </thead>

        <tbody>

            <tr style="font-size: 12px">

                <td style="border-bottom-color:#9E9E9E">TEXT</td>

                <td style="border-bottom-color:#9E9E9E">

                    ZAHL</td>                <td style="border-bottom-color:#9E9E9E">TEXT</td>

                <td style="border-bottom-color:#9E9E9E">

                    ZAHL</td>            </tr>

            <tr style="font-size: 12px">

                <td style="border-bottom-color:#9E9E9E">TEXT</td>

                <td style="border-bottom-color:#9E9E9E">

                ZAHL</td>            <td style="border-bottom-color:#9E9E9E">TEXT</td>

            <td style="border-bottom-color:#9E9E9E">

                    ZAHL</td>            </tr>

            <tr style="font-size: 12px">

                <td style="border-bottom-color:#9E9E9E">TEXT</td>

        <td style="border-bottom-color:#9E9E9E">

        ZAHL</td>                <td style="border-bottom-color:#9E9E9E">TEXT</td>

                    <td style="border-bottom-color:#9E9E9E">

                    ZAHL</td>            </tr>

        <tr style="font-size: 12px">

            <td style="border-bottom-color:#9E9E9E">TEXT</td>

        <td style="border-bottom-color:#9E9E9E">

        ZAHL</td>            <td style="border-bottom-color:#9E9E9E">TEXT</td>

            <td style="border-bottom-color:#9E9E9E">

                ZAHL</td>        </tr>

            <tr style="font-size: 12px">

                <td style="border-width:medium; border-bottom-color:#f21c0a">TEXT</td>

        <td style="border-width:medium; border-bottom-color:#f21c0a">

        <b style="color:#f21c0a">

        ZAHL</b></td>            <td style="border-width:medium; border-bottom-color:#f21c0a">TEXT</td>

            <td style="border-width:medium; border-bottom-color:#f21c0a">

                <b style="color:#f21c0a">

                ZAHL</b></td>        </tr>

        </tbody>

    </table>

</div>

</div>

</div>


<!-- Creating the bottom -->

<div style="clear:both;">

<hr size="1" noshade="noshade"/><div style="text-align: right; margin: 0; padding: 5px 25px; font-size: 0.8em;">© 2010 TEXT</div></div>

</body>

</html>[/PHP]

2. Mozilla Firefox:

[PHP]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<body>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="text/html; charset=UTF-8" content="Content-Type" /><title>TEXT</title><link href="/smXXXX/css/main.css" media="screen" rel="stylesheet" type="text/css" />
</head>
<body>

<div id="header">
<a href="/smXXXX/index.php">
<img src="/smXXXX/css/XXXX.gif" alt="XXXX" />
<span style="color: #fff; text-decoration: none; font-size: 1.8em; font-weight: normal;">XXXX</span></a>

<div align="right" style="color: #fff;">
<br />
<b>Notice</b>: Undefined index: SSL_CLIENT_CERT in <b>/opt/lampp/htdocs/smXXXX/head.php</b> on line <b>13</b><br />
You are logged in as: </div>
</div>

<div style="clear: both;"></div>

<div id="content">
<style type="text/css">@import url(/smXXXX/jquery/jquery-calendar-time.css);</style>

<script type="text/javascript" src="/smXXXX/jquery/jquery.js"></script>
<script type="text/javascript" src="/smXXXX/jquery/jquery-calendar-time.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.calendar_field').calendar({
monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
dayNames: ['Sun','Mon','Tue','Wed','Thu','Fri','Sat'],
speed: 0,
dateFormat: 'YMD-.',
clearText: "Del",
closeText: "Exit",
prevText: "<<",
nextText: ">>",
currentText: "Today",
firstDay: 0,
yearRange: '-25:+5',
changeFirstDay: false,
autoPopUp: 'button',
timeSeparators:[' ',':'],
buttonImageOnly: true, buttonImage: '/smXXXX/css/calendar.gif'});
});
</script>

<div id="navcontainer">
<ul id="navlist">
<li><a href="/smXXXX/index.php" >TEXT</a></li>

<li><a href="/smXXXX/eby.php" >TEXT EBY</a></li>

<li><a href="/smXXXX/emtg_test.php" >TEXT</a></li>

<li><a href="/smXXXX/XXX.php" >TEXT</a></li>
<li><a href="/smXXXX/XXX.php" >TEXT</a></li>
<li><a href="/smXXXX/XXX.php" >TEXT</a></li>
<li><a href="/smXXXX/XXX.php" id='current' >TEXT</a></li>
<li><a href="LINK" target="_blank">TEXT</a></li>
<li><a href="LINK" target="_blank">TEXT</a></li>

</ul>
</div>
<h1>TEXT</h1>

<div class="optionDIV">
<div style="margin-left:5px">
<form method="post" action="">
Month <select name="month2" id="month2">
<option value="December" >December</option>"<option value="January" >January</option>"<option value="February" >February</option>"<option value="March" >March</option>"<option value="April" >April</option>"<option value="May" >May</option>"<option value="June" >June</option>"<option value="July" >July</option>"<option value="August" >August</option>"<option value="September" >September</option>"<option value="October" >October</option>"<option value="November" >November</option>"<option value="December" selected="selected">December</option>" </select>

Year <select name="year2" id="year2">
<option value="2000" >2000</option><option value="2001" >2001</option><option value="2002" >2002</option><option value="2003" >2003</option><option value="2004" >2004</option><option value="2005" >2005</option><option value="2006" >2006</option><option value="2007" >2007</option><option value="2008" >2008</option><option value="2009" >2009</option><option value="2010" selected="selected">2010</option><option value="2011" >2011</option><option value="2012" >2012</option><option value="2013" >2013</option><option value="2014" >2014</option><option value="2015" >2015</option><option value="2016" >2016</option><option value="2017" >2017</option><option value="2018" >2018</option><option value="2019" >2019</option><option value="2020" >2020</option><option value="2021" >2021</option><option value="2022" >2022</option><option value="2023" >2023</option><option value="2024" >2024</option><option value="2025" >2025</option><option value="2026" >2026</option><option value="2027" >2027</option><option value="2028" >2028</option><option value="2029" >2029</option><option value="2030" >2030</option><option value="2031" >2031</option><option value="2032" >2032</option><option value="2033" >2033</option><option value="2034" >2034</option><option value="2035" >2035</option> </select>

<input type="submit" name="Start" id="Start" value="Start" />
<br />
</form>
</div>

<div class="optionDIV">
<div style="margin-left:5px">

<table border="0" width="100%" cellspacing="0" align="right">
<colgroup>
<col width="20%" />
<col width="10%" />
<col width="15%" />
<col width="15%" />
</colgroup>
<tr style="font-size: 15px">
<th colspan="2">TEXT</th>

<th colspan="2">TEXET</th>
</tr>
<tr style="font-size: 12px">
<td style="border-bottom-color:#9E9E9E">TEXT</td>
<td style="border-bottom-color:#9E9E9E">
ZAHL</td> <td style="border-bottom-color:#9E9E9E">TEXT</td>

<td style="border-bottom-color:#9E9E9E">
ZAHL</td> </tr>
<tr style="font-size: 12px">
<td style="border-bottom-color:#9E9E9E">TEXT</td>
<td style="border-bottom-color:#9E9E9E">
ZAHL</td> <td style="border-bottom-color:#9E9E9E">TEXT</tdY>

<td style="border-bottom-color:#9E9E9E">
ZAHL</td> </tr>
<tr style="font-size: 12px">
<td style="border-bottom-color:#9E9E9E">TEXT</td>
<td style="border-bottom-color:#9E9E9E">
ZAHL</td> <td style="border-bottom-color:#9E9E9E">TEXT</td>

<td style="border-bottom-color:#9E9E9E">
ZAHL</td> </tr>
<tr style="font-size: 12px">
<td style="border-bottom-color:#9E9E9E">TEXT</td>
<td style="border-bottom-color:#9E9E9E">
ZAHL</td> <td style="border-bottom-color:#9E9E9E">TEXT</td>

<td style="border-bottom-color:#9E9E9E">
ZAHL</td> </tr>
<tr style="font-size: 12px">
<td style="border-width:medium; border-bottom-color:#f21c0a">TEXT</td>
<td style="border-width:medium; border-bottom-color:#f21c0a">
<b style="color:#f21c0a">
ZAHL</b></td> <td style="border-width:medium; border-bottom-color:#f21c0a">TEXT</td>

<td style="border-width:medium; border-bottom-color:#f21c0a">
<b style="color:#f21c0a">
ZAHL</b></td> </tr>
</table>


<div style="clear:both;">
<hr size="1" noshade="noshade"/>
<div style="text-align: right; margin: 0; padding: 5px 25px; font-size: 0.8em;">

© 2010 TEXT
</div>
</div>
</div>
</div>
</div>
</body>
</html>

Die CSS-Datei ist unverändert geblieben.

Irgendwelche Ideen, woran es liegen könnte?

Bearbeitet 6. Dezember 2010 von Darth Sidious
xxx

Servior · 6. Dezember 2010




<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN

    "http://www.w3.org/TR/html4/loose.dtd">

<html>

<body>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta name="text/html; charset=UTF-8" content="Content-Type" /><title>TEXT</title><link href="/smXXXX/css/main.css" media="screen" rel="stylesheet" type="text/css" />

</head>

<body>

[/PHP]

Das solltest du vllt. erst einmal beheben.

Toothrot · 7. Dezember 2010

Das ganze ist auch bewusst im Tabellenformat gemacht, da es ja eine tabellarische Auswertung ist

Sicherlich, das war halt nicht zu erkennen.

Ok,
hier mal die verschiedenen HTML-Codes (wie im Browser dargestellt):
1. Internet-Explorer 8:

Da gibt es Unterschiede? Das ist doch sehr ungewöhnlich. Wie hast Du das geschafft? Bist Du sicher, dass das die gleiche Seite ist? Alle Browser kriegen vom Server in der Regel das gleiche HTML ausgeliefert.

Abgesehen vom bereits angesprochenen doppelten Doctype hast Du diverse Fehler mit Anführungszeichen, Du öffnest 11 divs, schließt aber nur 10 und hast diverse andere Fehler im Code, die Dir auch der Validator verraten hätte. <title> ist Pflicht, style-Bereiche gehören in den Head-Bereich.

Anmelden

HTML / CSS unterschiedliche Darstellung zwischen IE und Firefox

Empfohlene Beiträge

Darth Sidious

_n4p_

Toothrot

kellerkindl

Darth Sidious

Servior

Toothrot

Dein Kommentar

Fachinformatiker Jobs

Fachinformatiker.de, 2024 by SE Internet Services

Links

Fachinformatiker.de App

Kontakt

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

Umsehen

Aktivitäten

Stellenanzeigen

Blog

Über Fachinformatiker.de