Beiträge von mud one

mud one

Zitat von "Sarkkan"

Besonders der IE ist da gaaaanz lustig

Na da bin ich ja mal gespannt :lol:

Spaß machts trotzdem. Würde am liebsten glei weiter basteln... wenn doch nur die arbeit nich wär :wink:

mud one

jau

Vielen Dank für die schnelle Hilfe. Ich hatte es im FF garnicht erst probiert, da es mir bei der Vorschau funktion von "Scriptly" nicht korekt angezeigt wurde. Gut zu wissen dass es also auch am browser liegen kann. Und ebenfalls gut einen weiteren grund zu kennen warum man Mozilla nutzt

Aber ist es denn grundsätzlich ok die Klassen und ID´s (also das was damit geschehen soll) in die css zu packen? Sie gehören ja (für mich zumindest) zum design/layout/aufbau oder wie auch immer man es nennen möchte. Oder sollte man diese lieber wie im tutorial direkt auf die seite packen?

mud one

nabend zusammen.

Bei dem html/css Seminar bin ich auf ein Problem gestoßen welches ich nicht lösen kann.
Bei dem Schritt "Website-Layout mit Float, DIVs, CLASS" soll man eine Menuleiste und einen Inhalt erstellen welcher dann so aussehen soll.
[attachment=1]float r.jpg[/attachment]

Der dazu gehörige code (laut Toturial)

Code

<style type="text/css">
 <!--
 #navi {
   float:left;
   background-color:thistle;
   width:  150px;
 }
 
 #inhalte {
   background-color:lightblue;
   width:  300px;
   height: 100px;
 }
 -->
 </style>
 
 <div id="navi">
 <ul>   <li>Startseite</li>
   <li>Impressum</li>
 </ul>
 </div>
 
 <div id="inhalte">
 Hier HTML und CSS lernen und die eigene Website erstellen - selbst ist der Mensch
 </div>

Alles anzeigen

Bei mir sieht es aber wie folgt aus.
[attachment=0]float f.jpg[/attachment]
Ich versuche das ganze mit einer ausgelagerten CSS zu gestalten.
Der Code der HTML:

HTML

<!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" xml:lang="de" lang="de">




<head>
    <title>index</title>




    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <meta name="keywords" content="" />
    <meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />




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




<body>




    <div id="navi">
        <ul>
            <li>Startseite</li>
            <li>Impressum</li>
        </ul>
    </div>




 <div id="inhalte">
 Hier HTML und CSS lernen und die eigene Website erstellen - selbst ist der Mensch
 </div>




</body>
</html>

Alles anzeigen

und der CSS:

Code

#navi {
   float:left;
   background-color:thistle;
   width:  150px;
 }




 #inhalte {
   background-color:lightblue;
   width:  300px;
   height: 100px;
 }

Alles anzeigen

Selbst wenn ich den Code aus dem tut 1:1 übernehme wird es nicht korrekt angezeigt.

Weiß jmd Rat?

Greetz mude

Beiträge von mud one

seminar: css lernen - Website-Layout mit Float, DIVs, CLASS

seminar: css lernen - Website-Layout mit Float, DIVs, CLASS

seminar: css lernen - Website-Layout mit Float, DIVs, CLASS