[sgfx]

Hi Leute,

ich bin seit geraumer Zeit mit der Neugestaltung meiner Website beschäftigt.
Den Grafischen Teil hab ich auch sowei abgeschlossen, allerdings stehe ich jetzt vor dem Problem mit der CMS Einbindung.



Ich habe mich mal an dem Newsscript von cutenews versuch, allerdings habe ich da Fehler mit der Einbindung, ich hab mal test news geschrieben, die werden auch ohne probleme dargestellt, möchte ich mir aber einen geschriebenen kommetar ansehen, verschiebt sich der ganze content und es entestehen "weisse kästchen".
Ich hab dann mal versucht eine art content box in die mitte der page zusetzen (in form einer tabelle) hat aber auch nix genützt.
Weiss jemand wie ich die Darstellung ohne Verzerrung hinbekomme?

Meine Webseite


PS: Könnte mir vielleicht jemand ein gutes CMS für meine Portfolio Page (Grafik) nennen?

Gruß Ser1al

[mo]

hmmm... der html-quellcode is ja ne katastrophe.

http://www.vorsprungdurchwebstandards.de/t...y/retro-coding/

die zeiten der abstandhalter.gif sind eigentlich vorbei oO

[tobiasndw]

Problem 1: Dein Contentbereich hat eine feste Höhe

Problem 2: Das Formular des Gästebuches ist höher als der Contentbereich und zerreist dir damit dein Design


@mo: Mit ImageReady erstellter Quellcode sieht nun mal so aus. ^^ (soll nicht heißen dass es ok ist)

Dieser Beitrag wurde von tobiasndw bearbeitet: 24. Juli 2006 - 07:22

[sgfx]

ja, sehr gut...

aber wie mache ich es denn besser!?

also, was muss ich am code ändern?

[axx]

Ein sehr anschauliches Beispiel dafür, dass versteckte Tabellen für Layout-Zwecke schlecht sind. tobiasndw hat das Problem doch auf den Punkt gebracht. Der content-Bereich hat eine feste Höhe von 315px. Kommt in diese Zelle ein Inhalt, der mehr Platz beansprucht, platzt dein schicket layout. Du solltest dir mal die CSS-Eigenschaft overflow ansehen. Das ist zwar in Verbindung mit deinem junkcode auch nicht das Gelbe vom Ei, wird aber schnelle Hilfe bringen.

Die danach auftretenden Darstellungsprobleme, speziell mit dem IE6, kannst du auf ein erträgliches Maß reduzieren, indem du dich entscheidest, was für ein Dokument du schreiben willst, und das im Dokumentenkopf auch angibst.

[sgfx]

ja, toll...

wie muss ich den code denn nun schreiben?

	  BODY, TEXTAREA
	  {
	  Overflow: auto;
	  }

muss das "auto" durch meinen code ersetzt werden oder was!?

[axx]

Du könntest die oben genannte content box (Tabelle) so umschließen:

<div style="height:315px;overflow:scroll;">
	<table>
		[usw. usf.]
	</table>
</div>

Dadurch ist gewährleistet, dass das layout als Ganzes erhalten bleibt, aber ggf. innerhalb der Zelle gescrollt werden muss, Geschmackssache.

Für andere Veränderungen scheint mir dein Layout viel zu unflexibel. Da kann ich leider nicht weiterhelfen, weil ich keine Lust habe, Tabellenlayouts zu korrigieren. Ist mir viel zu kompliziert.

[sgfx]

hmm, scrollbalken sind aber auch kacke

mal sehn, wie ich das mache...
meinst du mit unflexibel, das das layout nicht genug in die höhe geht oder was?

[axx]

Mit unflexibel meine ich in erster Linie, dass das Layout nur für eine exakte Größe tauglich ist. Natürlich, es handelt sich ja auch um eine in viele Teile geteilte Grafik. Ein Grafikprogramm ist halt nicht dafür geeignet, sich HTML-code generieren zu lassen.
Diese Grafik sollte das Problem anschaulich illustrieren:


Sobald der Inhalt einer Zelle mehr Platz beansprucht, als das darunterliegende Hintergrundbild, ist das Layout dahin. Warum? Der Ansatz ist nicht zweckmäßig. Eine Internetseite ist keine Druckvorlage, ihr Design muss sich verschiedenen Inhalten und Auflösungen anpassen können.

Üblicherweise ist es einfacher, ein design um den Inhalt herum zu entwerfen. Auch verschiedene designs für den selben Quelltext sind möglich. Dafür muss man sich allerdings von den Techniken des vergangenen Jahrhunderts trennen.

[sgfx]

mit anderen worten, das design so lassen...

den code komplett neu aufbauen und jedes bild einzeln in die page einfügen!?