Jetzt weiß ich gar nicht mehr weiter.
Das tut mir leid.
auf einigen Seiten liest man damit heut zu tage keine Tabellendesigns mehr verwendet werden, sonder div designs.
Naja, was soll ich sagen? Das ist leider völliger Blödsinn. Wer das sagt, hat meistens noch vor kurzem begeistert Tabellenlayouts gemacht und hat einfach noch nicht kapiert, wozu HTML eigentlich da ist. Nicht, um zu Layouten, daher ist es egal, ob Du mit <table> oder <div> layoutest, beides ist HTML und damit ist beides gleich falsch.
Layout macht man mit CSS!
und hier erfahre ich nun damit mit div elementen keine designs erstellt werden?!?!?
Damit bist Du wieder auf eines der größten Probleme des Internets gestoßen, jeder behauptet was anderes, nicht nur in bezug auf Webdesign, sondern auch Medizin,Mietrecht usw. Aber wer sagt nun die Wahrheit? :-)
Wenn Du verstanden hast, wozu HTML da ist (nur zur logischen Inhaltsauszeichnung, siehe auch "Semantik"), dann wirst Du auch kapieren, warum man mit keinem Tag Layout macht, auch nicht mit <div>.
Zum andern soll die Seite eine definierte Breite erhalten... Ich wüsste nicht wie es sonst mit einer Grafik als Header funktionieren sollte.. zumindest nicht so wie ich sie jetzt im moment habe bzw. Brauche.
Eine fixe Breite hat halt Nachteile. Horizontale Scrollbalken sind etwas, das absolut nervt. Wenn Du dann noch viel Text auf Deiner Seite hast, wo man tatsächlich hin- und herscrollen muss, wenn man den lesen will, dann ist ein supermegageiles Banner ein schlechter Tausch gegen viele genervte Besucher.
Manchmal gehts gut, andere Male nicht. Jedoch wirst Du die, die Deine Site wegen sowas sofort wieder verlassen kaum in Deinen Statistiken haben, noch geben Dir solche Leute Rückmeldung, d.h. wenn Du nur positive Rückmeldungen bekommst, heißt das nicht, dass nicht sogar mehr Leute mit negativen Erfahrungen auf Deiner Site waren.
Das ist schon ein Thema für sich. Aber man muss sich wenigstens bewusst sein, dass nicht jeder mit den gleichen Voraussetzungen im WWW unterwegs ist, wie man selbst. Man muss ein Fenster nicht maximieren, manche haben etliche Tool- und Sidebars, der Viewport ist bei den meisten Menschen sehr unterschiedlich. Die Auflösung ist sogar völlig irrelevant. Und dann ist da auch noch die Schriftgröße, die jeder unterschiedlich einstellen kann...
ich hab hier mal das bild hochgeladen, wie die seite dann einmal aussehen sollte.
Das ist nun nicht wirklich besonders schwer. Man kann die Seite auch mit einer variablen Breite machen. Was das Banner angeht, würde ich an Deiner Stelle folgendes machen:
Du machst zwei Bilder draus. Da Du im Banner ja Content hast (also die Überschrift), musst Du diesen Content auch per <img> einbinden, innerhalb eines <h1> wahrscheinlich. Dieses Image sollte nur den Text enthalten. Keine Flammen.
Die Flammen würde ich als eigenes Bild erstellen und als Hintergrundbild einbinden (Hintergrundbilder nutzt man ja, wenn man keinen Content hat, und das Bild nur zur Zierde dient). Die Flammen am rechten Rand sehen ja aus, als würden sie kleiner werden. Wenn das Banner in einer Farbe ausläuft, kannst Du dem <h1> (dem Du die Flammen als background-image zugewiesen hast) zusätzlich diese Farbe als Hintergrundfarbe geben. Dann merkt das niemand, dass das Banner in großen Viewports irgendwann aufhört.
Das Feuerwehrauto sollte dann natürlich auch ganz drauf sein, nicht nur halb, weil dann merkt man, wenn das Banner zu Ende ist. Man könnte es vielleicht auch nach links packen, aber dann müsste Dein Content-Image (das mit der Überschrift) ja weiter nach rechts rutschen und dann läufst Du wieder Gefahr, dass die Seite zu breit wird.
Viel geredet...aber vielleicht hast Dus sogar verstanden ;-)
