DIV-Container an die richtige Stelle bekommen??

    Hallo liebe Profis,
    ich habe mich nun endlich mal selbst dazu gebracht, mein altes Tabellendesign zu überarbeiten und alles mit DIV-Containern zu erstellen. Mein Fortschritt kann man schonmal hier sehen:


    <!-- m --><a class="postlink" href="http://dennis.spacequadrat.de/index2.php">http://dennis.spacequadrat.de/index2.php</a><!-- m -->


    Nun habe ich mal ein Bild gemacht, wie ich gerne als Beispiel meine Startseite gestalten möchte:
    <!-- m --><a class="postlink" href="http://www.abload.de/img/homepagekopiesv0y.jpg">http://www.abload.de/img/homepagekopiesv0y.jpg</a><!-- m -->


    Meine Frage ist nun, wie ich zum Beispiel die ganzen Texte und den iframe an die richtige Stelle bekommen, als das der iframe auf der rechten Seite ist und der Text links etc.??


    Muss ich das auch nochmal alles mit DIV-Container gestalten, also:


    Code
    <div><iframe></iframe></div>


    Und dann das einfach mit "padding" lösen??
    Oder muss ich da noch irgendwas mit "position" machen oder so??

    Naja, Code, oder ne Beispielseite, und die existiert ja :)


    Wichtige Sachen zur ausrichtung von Divs:


    margin
    float
    width
    height


    Mehr braucht man fast nicht um einen guten Div aufzubauen.

    Wichtig ist (und ich denke das ist fast das wichtigste):


    Eine Seite "mit divs aufzubauen" ist schon mal falsch. Natürlich sind divs für den Seitenaufbau entscheidend, aber man muss aufpassen, dass daraus keine "div-Suppe" wird.


    divs gruppieren Elemente - das ist ihre Funktion; und zu etwas anderem sollte man sie außer in Ausnahmefällen auch nicht verwenden.


    In deinem Code sind viele unnötige divs - schau da nochmal nach.


    Schau dir vielleicht auch nochmal die HTML-Semantik an. Semantik-Fehler sind zwar meist nicht falsch, aber wenn man alle Tags richtig anwendet, wird


    1. der Code übersichtlicher
    und
    2. besser.


    Man findet sich besser zurecht und Fehler werden vermieden.


    Schau dir deinen Code nochmal an, vielleicht findest du auf Anhieb noch ein paar Fehler.


    LG
    Laura


    (Und für alle die, die jetzt sagen wollen "jaja, das sagst du ja immer": Ja, das sage ich immer, und ich werds auch immer wieder sagen. Wer HTML lernen will, der kanns auch gleich richtig lernen.)

    Aber ich finde es für den Anfang erstmal eher unwichtig, ob man einen div erstellt oder dem p element eine klasse zuweist. hat den selben effect.


    Später kannst du dich dann mit der Klaren Trennung von Elementen nach ihrer aufgabe zuwenden.

    Wenn du das so siehst lern ich demnächst auch immer erst alles falsch und erst nach einem Jahr richtig.


    Warum soll ich etwas falsch lernen, wenn ich es auch gleich richtig lernen kann? Check ich nich.

    Naja ich will das auch mal so sagen, ich habe HTML und CSS vor einem Jahr gelernt, also kann ich es jetzt richtig lernen *haha* :lol:


    Naja also, ich hatte meine Homepage ja nur mit Tabellen aufgebaut und das ist ja auch falsch und da habe ich mich gefragt, wie man sonst eine Homepage aufbaut und alle haben mir gesagt, man mache dies mit DIV-Containern.


    Also habe ich mir das auf der Seite hier angeguckt:
    <!-- m --><a class="postlink" href="http://www.stichpunkt.de/css/bereiche.html">http://www.stichpunkt.de/css/bereiche.html</a><!-- m -->


    Und jetzt habe ich versucht, dass nachzubauen.


    Gibt es vielleicht eine Zusammenfassung, wie man eine "Homepage" richtig aufbaut?? Also perfekt sozusagen?? Weil ich habe keine Lust, jetzt meine Homepage zumachen und nach einer Woche stelle ich was fest, wie es einfacher ginge und dann mache ich wieder alles neu =(


    LG Nadidz

    LOL...das habe ich mir nie angeguckt im HTML-Seminar, habe immer nur "Layout über Tabellen" angeguckt, weil ich mit dem anderen nichts anfangen konnte...haha :oops:


    Naja da werde ich mir das mal durchlesen =)


    Danke nochmal für den Hinweis ;D


    LG Nadidz

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden