Forum

[Ray]

Hallo liebe Webmaster,

habe mir euphorisch ein neues Design für mein frisch eröffnetes Kleinunternehmen gebastelt.

Das Design besteht im wesentlichen aus zwei DIV-Containern, die unten links an der Seite ausgerichtet werden sollen. Ein Container ist dafür zuständig, den Hintergrund (#zeile) nach rechts zu verlängern, darin befindet sich ein weiter Container (#kueche) mit der Hauptgrafik (und darin folgen später noch Inhalts- und Navigationscontainer).

Nun mein Problem: Wenn die Browserfenster kleiner skaliert werden, wird der Div von oben abgeschnitten, ohne dass eine Scrollleiste im Browser erscheint. Die Scrollbalken sollten aber unbedingt so erscheinen, dass Benutzer niedriger Auflösungen vom Bilderrahmen bis zu den Herdamaturen scrollen können.

Live-Beispiel: http://www.stylekoch.de/stylekoch.html

Hab schon eine gefühlte Ewigkeit rumprobiert und würde mich sehr freuen, wenn du mal kurz drüberschauen und deine Ideen mitteilen könntest!

[Ray]

Hat keiner ne Idee, wie man durch nen Trick die Mindesthöhe von unten erzwingen kann?

Ist es mit HTML+CSS nicht möglich, einem Container, der über das Attribut "bottom" definiert ist, eine feste bzw. Mindesthöhe zu geben?

[psiramo]

http://aktuell.de.selfhtml.org/artikel/css/footer/

[jones]

Code: Alles auswählen

<div style="position:absolute; bottom:0px; left:0px; padding-bottom:20px;">Dein Inhalt</div>

bzw. wenn er auch beim scrollen andocken soll (wird allerdings vom IE nicht unterstützt):

Code: Alles auswählen

<div style="position:fixed; bottom:0px; left:0px; padding-bottom:20px;">Dein Inhalt</div>

Hoffe das dir das weiterhilft soweit ich dich richtig verstanden habe.

Grüße, Jones

[Ray]

Hoffe das dir das weiterhilft soweit ich dich richtig verstanden habe.

Danke für deinen Beitrag. Mit deinem Code erhalte ich ja einen Abstand von unten. Porblem ist hier wieder, dass - wenn das Browserfenster sehr klein wird - der Div von oben her abgeschnitten wird, aber keine Scrollleisten erscheinen, die den abgeschnittenen Inhalt erreichbar machen könnten.

Probier am Beispiel mal aus, den Browser auf etwas kleiner als 800x600 zu verkleinern -in den Bilderrahmen soll der Content - und du verstehst das Problem.

http://aktuell.de.selfhtml.org/artikel/css/footer/

Danke für den Link - hier sind die Footer zwar feststehend, weisen aber auch keine scrollbare Höhe auf.

[Xong]

Füge folgende Styleangaben hinzu:

Code: Alles auswählen

html {
height:100%;
}

body {
height:100%;
min-height:580px;
position:relative;
}

Nur noch eine Anmerkung: Wenn Internetsurfer Spaß haben wollen, dann werden sie keine Webseite eines "frisch eröffneten Kleinunternehmens" aufsuchen. Wenn allerdings potentielle Kunden auf der Suche nach jemandem sind, der ihr Problem lösen kann, dann wollen sie keine Spielereien, sondern Informationen.

Ich bin gespannt, was aus deiner Website wird. =)

Achja, du hast auch noch fehlerhaften XHTML-Code. Der Validator hilft dir, die Fehler zu finden.

[Ingo]

Ich bin gespannt, was aus deiner Website wird. =)

TYPO 3 (zumindest im Moment)

[Ray]

Ich bin gespannt, was aus deiner Website wird. =)

http://www.stylekoch.de

Fast fertig, noch abschmecken (Validität und die Referenzen find ich noch nicht perfekt).

Beste Grüße aus dem Allgäu.