Seite automatisch verlängern

[Uwe367]

Hallo zusammen,

Ich bin gerade dabei, mich von Tabellenlayouts zu lösen und auf CSS umzusteigen.
Allerdings stosse ich nun auf ein Problem. Ich möchte, dass sich die Seite automatisch, je nach Content, verlängert bzw. verkürzt.

Ich arbeite mit Photoshop, und dieser bietet mir die Möglichkeit, geslicte Dateien mit CSS zu speichern.

Hier der Link zu meiner Testseite:

http://www.photoshop-corner.de/testx/testseite.html

Ich denke, dass nun jeder sehen kann, mit welchem Problem ich es zu tun habe

Könnte mir vielleicht jemand dabei helfen? Würde mich sehr freuen....

Gruß Uwe

[kami]

Hallo Uwe,

Deine Page beruht auf absoluten Positionen. So musst Du alles anpassen. Solltest Dich intensiver mit dem CSS beschäftigen. Wenn der Text 800px hoch ist dann müssen auch die seitlichen Linien 800px lang sein. Der Fuß (untere Linie muss dann eine andere Position dann einnehmen. Anders sieht es aus, wenn Du relative Positionen machst. Dann muss der Code im Fluss sein und der Code rechnet dann die Positionen selbst aus.

[Uwe367]

Hallo Kami,

Danke für deine Antwort.
Also muß ich alle Grafiken mit Position:relative und float versehen?
So hab ich das jetzt verstanden...

Was meine CSS Kenntnisse angeht.. da stecke ich noch in den Kinderschuhen. Aber wenn ich mal nen Anfang gefunden habe lerne ich gern weiter...

Gruß Uwe

[kami]

Hallo Uwe,

Also muß ich alle Grafiken mit Position:relative und float versehen?
So hab ich das jetzt verstanden...

So ist es. Wenn im PS der Text länger wird, dann verschiebst und verlängerst Du auch alle Linien. Viel Spaß dabei. Von Anfang ist es schwer alles zu verstehen. Nach und nach kommt aber dann der Spass.

[Uwe367]

Na dann bedanke ich mich ganz herzlich und hoffe, das ich wieder fragen darf, wenn ich wieder Hilfe benötige

Gruß Uwe

[kami]

Hallo Uwe,

habe mal etwas auf :
http://traump.rkami.de/testsite/testseite.html

mal für den Anfang

[Uwe367]

Na das ist genau das, was ich machen will.
Ich hab hier auch schon probiert, aber ich steige einfach nicht dahinter wie ich das anstellen muss.
Mir fehlt wohl leider der sogenannte Faden.....
Dürfte ich mal einen Blick in die CSS Datei werfen?

Gruß Uwe

[kami]

Hallo Uwe,

ist unter gleichem Namen, aber als css

[Uwe367]

Hi Kami,

Habs schon gefunden. Ich habe gesehen, dass du die Seiten (left line und right line) mit einer festen Länge von 600 px versehen hast.
Ist natürlich auch eine Möglichkeit, aber nicht so ganz das, was ich meinte.
Was ich meine ist, dass sich die Seite in der Länge dem Content anpasst.

Es geht darum, dass ich meine Seite neu aufbauen will, dazu benötige ich eine Vorlage aus HTML und CSS. Die beiden Dateien dienen dann als Template für ein CMS, worauf meine Seite dann basiert.
Zum üben hab ich mir dieses einfache Design gebaut.
Habe mich bei meinem ersten Posting vielleicht etwas umständlich ausgedrückt. Trotzdem Danke für deine Hilfe

Gruß Uwe

[kami]

Hallo Uwe,

es führen viele Wege nach Rom. Und führen genauso viele Möglichkeiten zur einer Page. Schau noch einmal wie ich es jetzt realisiert hatte. Gleiche Bezeichnung.

[Uwe367]

Hi Kami,

Das ist es .

Ich werde mir die Dateien genau anschauen um zu lernen wie und vor allem warum es funktioniert.
Ich bedanke mich ganz herzlich bei dir

Gruß Uwe

[kami]

Hallo Uwe,

wenn etwas nicht klar sein sollte? Immer fragen. Das Forum ist eine große Wissensdatenbank.

[Fuzzy]

Moin Uwe,

was hälst'n hiervon:
http://projekte.imnetz.eu/css-design...testseite.html
kommt mit drei Bildchen aus nur 4 DIV's.
Mit 'ner externen CSS-Datei ist's dann auch noch sehr Suchmaschinenfreundlich.

Gruß Fuzzy

[Boris]

@Fuzzy:
Mal so eine Zwischenfrage - dein Einsatz in Ehren, aber wozu hat jedes Element (unnützerweise) ein position: relative bekommen?

[Fuzzy]

Moin Boris,

Da ging dann wohl der Einsatz, die positionen und tops rauszunehmen nicht weit genug.