Div im IE nicht angezeigt

Loon3y · 9 Juni 2008

Hallo..

meine page, die ich angefangen habe zu bauen, wird im IE nicht angezeigt, nur im Firefox...opera weiß ich jetzt nicht, denn den hab ich hier nicht auf arbeit....aber denke das es da auch gehen sollte...

wieso wird das ganze im IE nicht angezeigt? (egal welche version) Muss man da etwas beachten? Liegt es vllt am Java-Script welches im Menu und Countdown enthalten sind?

Ich hänge mal anbei den Code an..

Page.css

Code:

    /* ********************************************************************************************* */

    /* COLORS */

    


    /* ********************************************************************************************* */

    /* BODY */

        body     {
              background-color: #FFFFFF;
              font-family: Arial;
              font-size: 12px;
            }

    /* ********************************************************************************************* */

    /* SITE CONTAINER */

        #over     {
            height: 600px;
            width: 900px;
            background: #FFFFFF;    
            margin: 10 auto;
            border: 3px solid #000000;
            text-align: left; 
            }

    /* ********************************************************************************************* */

    /* SITE */

        #header {
             height: 100px;
             width: 880px;
             margin:10px auto;
             background-color: #B8B8B8;
            }

        #main1 {
            width: 450px;
             margin:60px auto;
             padding: 0 10px;
             background-color: #B8B8B8;
            }

        #main2 {
             width: 450px;
             margin:0 auto;
             padding: 0 10px;
             background-color: #B8B8B8;
            }

        #sidebar1 {
              float: left;
              margin-left: 10px;
              margin-top: 28px;
              padding: 10px 5px;
              width: 160px;
              height: 300px;
              background-color: #B8B8B8;
            }

        #sidebar2 {
              float: right;
              margin-right: 10px;
              margin-top: 28px;
              padding: 10px 5px;
              width: 160px;
              height: 300px;
              background-color: #B8B8B8;
            }

index.htm

Code:

<head>
<link href="navigation.css" rel="stylesheet" type="text/css" />
<link href="page.css" rel="stylesheet" type="text/css" />
<script src="countdown.js" type="text/javascript" />
</head>

<body>

<div id="over">

    <div id="header">...</div>
    

    <ul id="Navigation">
             <li><a href="index.htm" class="home" title="home"><span class="Invisible">Home</span></a>
                <ul>
                    <li><a href="newsarchiv.htm">Newsarchiv</a></li>
                </ul>
              </li>
.
.
.
    </ul>


    <div id="sidebar1">...</div>

    <div id="sidebar2">
        Time to wait...

<br><br>
          <body onload="countdown()">
          <div id="countdown">&nbsp;</div>

          </body>

    </div>

    <div id="main1">text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br></div>

    <div id="main2">text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br></div>

</div>

</body>

Efchen · 9 Juni 2008

Hmmm...was ist das im zweiten Fenster? HTML-Code ist das nicht!
Fehler im Doctype, XHTML-Notation aber HTML Doctype, 2 body-Tags!!!

Dass da irgendein Browser was anzeigt, ist schon verwunderlich!

Behebe bitte erst Deine Fehler!

Gruß,
-Efchen

P.S.: Du hast glaube ich auch vergessen zu erwähnen, was nicht angezeigt wird.

Loon3y · 9 Juni 2008

Im IE wird nichts angezeigt...im mozilla wird genau das angezeigt was angezeigt werden soll.

Wie meinst du das mit "html-code ist das nicht"? bin grad ziemlcih verwirrt über diese aussage.
Edit: war das "<html>" gemeint?

Ist für ein Doctype ist hierfür notwendig?

Efchen · 9 Juni 2008

Das war so gemeint, wie ich das in der nächsten Zeile geschrieben habe.

Einen doctype sollte man eigentlich schon angeben, sonst lässt sich das Dokument nicht validieren, außerdem ist der Doctype dafür da, die Browser in einen bestimmten Darstellungsmodus zu versetzen, Standards Mode sollte hier das Ziel sein, da sich nur in diesem Modus die Browser an die W3C-Standards halten.

Dass der IE nichts anzeigt, überrascht mich zwar, ist es doch immer der IE, der die Fehler macht, aber eine Seite mit zwei bodys würde ich als Browser auch nicht anzeigen.

Loon3y · 9 Juni 2008

Wie meinst du das mit 2 bodys? Ich habe doch nur ganz normal den body und dann liegt dadrauf ein div ("over") und in diesem div liegen die gewünschten sachen ("header", "main1" + 2, "sidebar1" + 2) darin liegen?

Doctypes gibt es ja zich verschiedene...hm..endschuldige, habe mich damit leider noch nie beschäftigt..ist meine erste seite die ich mit div's mache...davor warens immer frames und da hab ich soetwas nicht angegeben..

csstester · 9 Juni 2008

Loon3y schrieb:
Wie meinst du das mit 2 bodys? Ich habe doch nur ganz normal den body ...

Code:

<body onload="countdown()">
          <div id="countdown">&nbsp;</div>

          </body>

und was ist das??

Loon3y · 9 Juni 2008

csstester schrieb:
Code:

<body onload="countdown()"> <div id="countdown"> </div> </body>

und was ist das??

eingebundene Zeitanzeige

Code:

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

why? :?:

csstester · 9 Juni 2008

Code:

<body onload="countdown()">
          <div id="countdown">&nbsp;</div>

          </body>

na weil du die in einen 2ten BODY eingebunden hast, sag mal so Betriebsblind kann man doch gar nicht sein? ODER;)

Loon3y · 9 Juni 2008

d.h. ich muss das oben hinschreiben mit dem "onload" ?

Code:

<head>
<link href="navigation.css" rel="stylesheet" type="text/css" />
<link href="page.css" rel="stylesheet" type="text/css" />
<script src="countdown.js" type="text/javascript" />
</head>

<body onload="countdown()">

<div id="over">

    <div id="header">...</div>
    

    <ul id="Navigation">
             <li><a href="index.htm" class="home" title="home"><span class="Invisible">Home</span></a>
                <ul>
                    <li><a href="newsarchiv.htm">Newsarchiv</a></li>
                </ul>
              </li>
.
.
.
    </ul>


    <div id="sidebar1">...</div>

    <div id="sidebar2">
        Time to wait...

<br><br>

          <div id="countdown">&nbsp;</div>

    </div>

    <div id="main1">text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br></div>

    <div id="main2">text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br></div>

</div>

</body>

auch wenn ich es so mache, öffnet er mir nix im IE, kommt n weißes bild..

Efchen · 9 Juni 2008

Loon3y schrieb:
Doctypes gibt es ja zich verschiedene...hm..endschuldige, habe mich damit leider noch nie beschäftigt.

Dann wirds Zeit. Wer Auto fahren will, muss sich auch mal reinsetzen :-)
LANtastic’s Artikel » DTD - Document Type Declaration - Das richtige Doctype

ist meine erste seite die ich mit div's mache.

Was fürn Ding? "Seite mit divs"? Was ist das? Sowas gibts nicht!
Das, was Du machst, ist genauso unsinnvoll wie Layouts mit Tabellen.

Das Element <div> verwendet man lediglich, um mehrere Elemente zwecks gleicher Formatierung zu gruppieren. Es sollte also so sparsam wie möglich eingesetzt werden!

Deine Navigation ist doch auch kein <div>, sondern eine <ul>. Gut!
Aber wenn ich <div id="header"> lese, dneke ich sofort, warum nicht <h1>?

auch wenn ich es so mache, öffnet er mir nix im IE, kommt n weißes bild..

Ich hab keinen IE da, könnte es mir nichtmal ansehen, wenn Du einen Link gepostet hast, aber es sind ja immer noch Fehler im Dokument, erst wenn der The W3C Markup Validation Service sagt, das Dokument ist okay, macht es Sinn, nach Darstellungsfehlern zu suchen.

Gruß,
-Efchen

Fritte · 10 Juni 2008

Loon3y schrieb:

Hallo..

meine page, die ich angefangen habe zu bauen, wird im IE nicht angezeigt, nur im Firefox...opera weiß ich jetzt nicht, denn den hab ich hier nicht auf arbeit....aber denke das es da auch gehen sollte...

wieso wird das ganze im IE nicht angezeigt? (egal welche version) Muss man da etwas beachten? Liegt es vllt am Java-Script welches im Menu und Countdown enthalten sind?

Ich hänge mal anbei den Code an..

Page.css

Code:

    /* ********************************************************************************************* */

    /* COLORS */

    


    /* ********************************************************************************************* */

    /* BODY */

        body     {
              background-color: #FFFFFF;
              font-family: Arial;
              font-size: 12px;
            }

    /* ********************************************************************************************* */

    /* SITE CONTAINER */

        #over     {
            height: 600px;
            width: 900px;
            background: #FFFFFF;    
            margin: 10 auto;
            border: 3px solid #000000;
            text-align: left; 
            }

    /* ********************************************************************************************* */

    /* SITE */

        #header {
             height: 100px;
             width: 880px;
             margin:10px auto;
             background-color: #B8B8B8;
            }

        #main1 {
            width: 450px;
             margin:60px auto;
             padding: 0 10px;
             background-color: #B8B8B8;
            }

        #main2 {
             width: 450px;
             margin:0 auto;
             padding: 0 10px;
             background-color: #B8B8B8;
            }

        #sidebar1 {
              float: left;
              margin-left: 10px;
              margin-top: 28px;
              padding: 10px 5px;
              width: 160px;
              height: 300px;
              background-color: #B8B8B8;
            }

        #sidebar2 {
              float: right;
              margin-right: 10px;
              margin-top: 28px;
              padding: 10px 5px;
              width: 160px;
              height: 300px;
              background-color: #B8B8B8;
            }

index.htm

Code:

<head>
<link href="navigation.css" rel="stylesheet" type="text/css" />
<link href="page.css" rel="stylesheet" type="text/css" />
<script src="countdown.js" type="text/javascript" />
</head>

<body>

<div id="over">

    <div id="header">...</div>
    

    <ul id="Navigation">
             <li><a href="index.htm" class="home" title="home"><span class="Invisible">Home</span></a>
                <ul>
                    <li><a href="newsarchiv.htm">Newsarchiv</a></li>
                </ul>
              </li>
.
.
.
    </ul>


    <div id="sidebar1">...</div>

    <div id="sidebar2">
        Time to wait...

<br><br>
          <body onload="countdown()">
          <div id="countdown">&nbsp;</div>

          </body>

    </div>

    <div id="main1">text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br></div>

    <div id="main2">text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br></div>

</div>

</body>

Es kommt daruf an welchen Browser du verwendest ...
Wenn deine Version vom IE zu alt ist , kann
er kein JavaScript wiedergeben ;)

psytec · 10 Juni 2008

HTML:

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

da liegt der Fehler warum nur eine leere Zeile angezeigt wird.
Script ist kein leeres Element kann also auch nicht innerhalb des Starttags durch ein / abgeschlossen werden.
Bei Dir wird der gesamte Code der Seite als Script interpretiert. So kann es also zu keiner Bildschirmausgabe kommen.

Richtig notierst Du es so:

HTML:

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

Loon3y · 10 Juni 2008

lol du bist ein gott, deswegen hat er mir auch das ganze im IE nicht angezeigt !!! wunderbar lol... :> danke!

Efchen · 10 Juni 2008

Stimmt, das habe ich auch gesehen, wäre aber mal wieder nie darauf gekommen, dass der IE soooo blöd sein kann, wo der doch sonst immer fehlerhafte Inhalte darstellen kann :-)

1laco · 11 Juni 2008

ich habe gehört, und bei mir funktioniert es auch, dass bei ie die <div> auf z-index über 1000 gesetzt werden müssen, damit sie überhaupt angezeigt werden. meine fangen bei 1001, 1002, 1003, … an und werden wie gesagt angezeigt. bei einem bekannten liegen sie bei 1, 2, 3, … und werden auf dem ie (pc) nicht angezeigt (mac ja)…

psytec · 12 Juni 2008

1laco schrieb:
ich habe gehört, und bei mir funktioniert es auch, dass bei ie die <div> auf z-index über 1000 gesetzt werden müssen, damit sie überhaupt angezeigt werden. meine fangen bei 1001, 1002, 1003, … an und werden wie gesagt angezeigt. bei einem bekannten liegen sie bei 1, 2, 3, … und werden auf dem ie (pc) nicht angezeigt (mac ja)…

Was hat das jetzt mit dem Thread zu tun?

Loon3y · 13 Juni 2008

hab ne frage wieder... :-)

wie mache ich es, dass die sidebar rechts in 3 teile aufgeteilt ist. momentan hat sie eine höhe von 300px, wie ist es möglich das ich sie in 3x 100px aufteile? wenn ich das mache dann legt es mir die sidebars nebeneinander, nicht unteinander...

Welcome to my Page

irgendwer eine idee was da beachtet werden muss?

psytec · 13 Juni 2008

Was soll denn in die rechte Sidebar rein?

Soll heißen in was für Bereiche willst Du das unterteilen...

Loon3y · 13 Juni 2008

dachte mir linke sidebar eventuell "werbung" für andere seiten von bekannten usw..mit so kleinen bannern und rechts etwas mit eventuell log in, newsbox, umfragebox oder so etwas in der art...

Sprich 3 kleine boxen... gedacht ist das so, weil ich für jede box extra rahmen entwerfe die sozusagen als "hintergrundbild" eingebunden werden, das wäre zu fummellig wenn ich eine große box mache und dann das bild mit den drei rahmen dahinter lege und den text oder die felder danach ausrichte...

psytec · 13 Juni 2008

Also entweder verschachtelst du den rechten DIV weiter

oder einfacher du definierst die entsprechenden Elemente die dort reinkommen als Block-Level-Elemente.
Dann werden Sie auf die breite des DIVS ausgedehnt und kommen so automatisch untereinander.

Code:

display: block;

Div im IE nicht angezeigt

Neues Mitglied

Efchen

Guest

Neues Mitglied

Efchen

Guest

Neues Mitglied

Mitglied

Neues Mitglied

Mitglied

Neues Mitglied

Efchen

Guest

Neues Mitglied

Neues Mitglied

Neues Mitglied

Efchen

Guest

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied