Beiträge von sejuma

    Füge noch das innerhalb des head-Bereichs ein. Damit wird der Zeichensatz definiert.

    Code
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">

    Klar,
    du musst den body unmittelbar nach dem geschlossenen head öffnen.

    Schiebe also das

    Code
    <body background="images/gray.GIF" style="background-attachment: fixed;">

    nach oben, unmittelbar nach

    Code
    </head>

    Schreibe mal diesen Doctype ganz an den Anfang in den Quelltext (erste Zeile, erstes Zeichen):

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


    Dann sieht es vermutlich im IE und FF ähnlich aus.
    Wenn es "falsch" aussieht, hast du die Seite am IUE6 ohne Doctype entwickelt und musst die einzelnen Angaben nochmal korrigieren.
    Nähres zum Doctype:
    http://de.selfhtml.org/html/allgemein…htm#dokumenttyp
    Ein qualifizierter Doctype ist erforderlich, damit der IE das Boxmodell richtig interpretiert.

    Ansonsten empfehle ich dir, die ganzen absoluten Positionierungen zu entfernen. Das ist für dein Design vermutlich nicht erforderlich und lässt sich flexibler mit margin und float-Angaben lösen.

    Ich rate dir von WYSIWYG-Editoren ab. Sie führen möglicherweise zum schnellen Erfolg; dauerhaft ist eigenes Coden jedoch besser, da du hier dein eigener Herr über den Quelltext bist. Alle Fehler verursachst nur du. Und wenn du weißt, wie der Quelltext funktioniert, wirst du sie a) vermeiden und b) schnell finden.
    Im Prinzip reicht der normale Windows Editor.
    Der für den Privatgebrauch kostenlose Phase 5 ist sicher etwas hilfreicher und bietet nützliche Unterstützungen.
    Für den Einstieg ist dir möglicherweise meine Signatur hilfreich.

    Bei größeren Änderungen ist die Lösung von synaptic sicherlich die beste.
    Handelt es sich lediglich um vereinzelte Angaben ginge das auch so:

    Code
    <div id="header" style="color: red;">Headerinhalt</div>

    In diesem Fall wäre die Schriftfarbe im header rot, unabhängig davon, was in der CSS-Datei drinsteht. Da es die "letzte" Styleangabe ist, werden die vorherigen überschrieben.

    ich würde drei divs nehmen: header, page, footer, jedem die entsprechende Hintergrundgrafik zuweisen und dann nacheinander einbauen:

    Code
    <div id="header>Headerinhalt</div>
    <div id="page>Pageinhalt</div>
    <div id="footer>Footerinhalt</div>

    CSS:

    Code
    #header {background-image: url(header.png);}

    http://www.css4you.de/background-image.html

    So wie ich deine Demos verstanden habe, benötigst du das nicht für die gesamte Seite, sondern lediglich für einen div (nicht für den body). Dem musst du noch eine Breite (am besten die der Grafik) zuweisen und zentrieren:

    Code
    <div id="layer1" style="width:200px; height:200px; margin: 0 auto; background-image: url(bild.jpg); background-repeat- no-repeat;">
    
    
    
    
    
    
    Text
    </p>
    </div>

    Ich rate dir von positiion absolute ebenfalls ab, weil das sehr starr ist und eigentlich nur dann benötigt wird, wenn sich zwei divs gezielt überlappen sollen.
    Weise dem div mit dem Text eine Hintergrundgrafik zu.

    Solides, aber vielleicht etwas zu unauffälliges Design.
    Der Seite fehlt ein "Eyecatcher", also ein "Aufmacher", der auf den Inhalt lenkt.
    Ehrlich gesagt ist die Seite so "brav", dass ich auf den ersten Blick nicht erkenne, um welches Thema bzw. um welchen Zweck es geht. Da wird mir nicht zwingend klar, was der Inhalt ist.
    Die einzelnen Beiträge sind zwar sehr leserlich und gut gestaltet, aber irgendwie kommt es nicht "auf den Punkt". Folglich wird nicht zwingend das Interesse des Besuchers und damit sein Verweilen auf der Seite geweckt.
    Diese Fehler solltest du noch bereinigen.

    rowi72,

    es ist durchaus verständlich, dass du versuchst, schnell zu sichtbaren Ergebnissen zu kommen. Hab ich anfangs auch so gemacht und mich später über viel vertane Zeit geärgert.
    Bevor du deine Zeit aber durch "try and error" vergeudest, empfehle ich dir, etwas HTML und CSS zu lernen, damit du auch die Zusammenhänge verstehst.
    Es bedarf nun mal eines gewissen Lernaufwandes, der sich sehr schnell jedoch amortisieren wird.
    Versuche es vielleicht mal damit.
    Dort findest du auch noch viele weitere Anleitungen.
    Wenn du dann mal das Prinzip verstanden hast, kannst du dich auch an eigene Layouts machen.

    Du musst das verlinken, z.B. so:

    Code
    [url='http://www.deineseite.de'][img]http://www.ms-car-parts.de/shop-ms-car-parts/shop/images/ms-car-parts.jpg[/img][/url]

    Ich hätte an deiner Stelle die Navi nicht so breit gemacht, sondern auf die Breite des grünen Hintergrundes begrenzt und mit entsprechenden margin-Werten positioniert.

    Die Grafik mit den drei Personen obendrüber angeordnet.
    Dann definierst du für die Navi einen grünen Hintergrund (ohne die Grafik-Kachel)
    und setzt einen border-Bottom in der braunen Farbe. Der ist dann automatisch immer unten.

    Wenn du ferner bei der Navi den height-Wert weglässt, passt sie sich automatisch dem Inhalt an.

    Um sie zu fixen könntest du auch die Höhe des #main begrenzen und ihm ein "overflow: scroll" zuweisen. Es gibt aber m.W auch einen Workarounfd für den IE6. Ist halt immer etwas komplizierter, solche Sonderdinge einzubauen.