• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Komisches DOCTYPE Problem

D

DerM

Neues Mitglied
Hey Leute,


Ich habe in den letzten Tagen an einem neuem Template gearbeitet. Schön die Grafiken erstellt, dann angefangen zu codieren....

Am Anfang habe ich die Seite ganz einfach strukturiert

HTML: 
<html>
<head>
</head>

<body>
</body>

</html>


Und habe dann begonnen, mein Template zu codieren. Nun am Schluss wollte ich noch die ganzen Kleinigkeiten machen und hab den DOCTYPE eingefügt (Hatte ich am Anfang vergessen).

HTML: 
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">

Dann wollte ich noch mal die Seite anschauen... ja toll...

Ich hab die Grafiken jetzt alle oben und der Blindtext, der sich im Contentbereich befand, ragt jetzt fast komplett unter dem Template heraus...



Weiß einer, woran das liegt? :-(


Danke für die Hilfe,
Michi
 
Ja, daran, dass sich die Browser jetzt an die Standards halten und du bei deinem Layout wohl nicht ganz so sauber gearbeitet hast, aber ohne genauere Informationen (Link zur Seite) lässt sich halt nur raten.
 
Sauber?

Hmm.. was ist denn hier dran nicht sauber?


HTML: 
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>


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

   </head>

     <body>

         <div id="wrap">                                    <!-- Äußerer Kasten, hällt alles zusammen -->

         <div id="onavi">                                   <!-- Navi über dem Header -->
            <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="#">Impressum</a></li>
            <li><a href="#">Kontakt</a></li>
            </ul>
         </div>

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

         <div id="navi">
            <ul>
            <li><a href="page1.html">Seite 1</a></li>
            <li><a href="page2.html">Seite 2</a></li>
            <li><a href="page3.html">Seite 3</a></li>
            <li><a href="#">Kontakt</a></li>
            <li><a href="#">Impressum</a></li>
            </ul>
         </div>

         <div id="content">
         <h1>Template One.</h1>
         <p align="justify"><img class="img" src="images/dummy1.jpg" height="140px">Ja, wir finden auch, dass man über die Copy noch mal reden sollte. Das hier kann es jedenfalls nicht sein. Das klingt ja wie auf dem Totenbett getextet. Da muss wesentlich mehr Produktaussage rein. Ja, wir finden auch, dass man über die Copy noch mal reden sollte. Das hier kann es jedenfalls nicht sein. Das klingt ja wie auf dem Totenbett getextet. Da muss wesentlich mehr Produktaussage rein. Ja, wir finden auch, dass man über die Copy noch mal reden sollte. Das hier kann es jedenfalls nicht sein. Das klingt ja wie auf dem Totenbett getextet. Da muss wesentlich mehr Produktaussage rein. Ja, wir finden auch, dass man über die Copy noch mal reden sollte. Das hier kann es jedenfalls nicht sein. Das klingt ja wie auf dem Totenbett getextet. Da muss wesentlich mehr Produktaussage rein. Ja, wir finden auch, dass man über die Copy noch mal reden sollte. Das hier kann es jedenfalls nicht sein. Das klingt ja wie auf dem Totenbett getextet. Da muss wesentlich mehr Produktaussage rein.</p>
        
         </div>

         <div id="footer">
         <p>Design: Michael Gardner | Copyright M. Gardner '09</p>
         </div>

        </div>
     </body>

</html>
 
Das <div> um beide Navigationen sind überflüssig und das <div> um den Footer auch. Sonst ist der Code soweit schon in Ordnung und es wird wohl am CSS liegen.
 
Ich versteh einfach nicht, wo bei mir das Problem liegt. Ohne Doctype sieht die Seite wunderbar aus, mit total falsch dargestellt. Ich kann mir garnicht vorstellen, was da genau den fehler verursacht... :(
 
DerM schrieb:
Ich versteh einfach nicht, wo bei mir das Problem liegt. Ohne Doctype sieht die Seite wunderbar aus, mit total falsch dargestellt. Ich kann mir garnicht vorstellen, was da genau den fehler verursacht... :(
Zum Vergrößern anklicken....
Dein CSS!

Wenn du uns einen Link zu deiner Seite geben würdest, könnten wir es dir noch genauer sagen.
 
Danke!

Ohhh man... VIELEN DANK! Klarer Denkfehler von mir. Muss ja 100% sein, dann wiederholt sich das nur :) VIELEN DANK!


Thema erledigt :-)!
 
Hallo,

da ist aber noch mehr, z.B.:

  • vor dem Doctype darf kein Leerzeichen kommen, sonst setzt Du den IE in den Quirksmodus
  • float:center; gibt es nicht
Grüße
Bernhard
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben