Zum Inhalt springen

Empfohlene Beiträge

Geschrieben (bearbeitet)

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 von Darth Sidious
Geschrieben

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 ^^

Geschrieben

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.

Geschrieben (bearbeitet)

@_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>
<!-- input fields for input values -->
<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>


<!-- 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>
</div>
</div>
</div>
</body>
</html>

Die CSS-Datei ist unverändert geblieben.

Irgendwelche Ideen, woran es liegen könnte?

Bearbeitet von Darth Sidious
xxx
Geschrieben



<!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.

Geschrieben
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.

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...