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!
Hallo,
Wir haben in letzter Zeit festgestellt, dass die Kommunikation via Slack viel schneller und zielführender ist als ein Beitrag im Forum. Aufgrund der neuen und besseren Möglichkeiten der Kommunikation haben wir uns entschlossen das Forum nur noch als Archiv zur Verfügung zu stellen. Somit bleibt es weiterhin möglich hier nach Lösungen zu suchen. Neue Beiträge können nicht mehr erstellt werden.
Wir empfehlen, für deine Fragen/Probleme Slack zu nutzen. Dort sind viele kompetente Benutzer aktiv und beantworten jegliche Fragen, gerne auch von REDAXO-Anfängern! Slack wird von uns sehr intensiv und meistens "rund um die Uhr" benutzt
Selbst einladen kannst Du dich hier: https://redaxo.org/slack/
Wir haben in letzter Zeit festgestellt, dass die Kommunikation via Slack viel schneller und zielführender ist als ein Beitrag im Forum. Aufgrund der neuen und besseren Möglichkeiten der Kommunikation haben wir uns entschlossen das Forum nur noch als Archiv zur Verfügung zu stellen. Somit bleibt es weiterhin möglich hier nach Lösungen zu suchen. Neue Beiträge können nicht mehr erstellt werden.
Wir empfehlen, für deine Fragen/Probleme Slack zu nutzen. Dort sind viele kompetente Benutzer aktiv und beantworten jegliche Fragen, gerne auch von REDAXO-Anfängern! Slack wird von uns sehr intensiv und meistens "rund um die Uhr" benutzt
Selbst einladen kannst Du dich hier: https://redaxo.org/slack/
[gelöst:] Div unten ausrichten + Mindesthöhe
Zuletzt geändert von Ray am 8. Jan 2011, 17:45, insgesamt 1-mal geändert.
Re: Div unten ausrichten + Mindesthöhe
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?
Ist es mit HTML+CSS nicht möglich, einem Container, der über das Attribut "bottom" definiert ist, eine feste bzw. Mindesthöhe zu geben?
Re: Div unten ausrichten + Mindesthöhe
Code: Alles auswählen
<div style="position:absolute; bottom:0px; left:0px; padding-bottom:20px;">Dein Inhalt</div>
Code: Alles auswählen
<div style="position:fixed; bottom:0px; left:0px; padding-bottom:20px;">Dein Inhalt</div>
Grüße, Jones
Re: Div unten ausrichten + Mindesthöhe
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.jones hat geschrieben:Hoffe das dir das weiterhilft soweit ich dich richtig verstanden habe.
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.
Danke für den Link - hier sind die Footer zwar feststehend, weisen aber auch keine scrollbare Höhe auf.psiramo hat geschrieben:http://aktuell.de.selfhtml.org/artikel/css/footer/
Re: Div unten ausrichten + Mindesthöhe
Füge folgende Styleangaben hinzu: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.
Code: Alles auswählen
html {
height:100%;
}
body {
height:100%;
min-height:580px;
position:relative;
}
Ich bin gespannt, was aus deiner Website wird. =)
Achja, du hast auch noch fehlerhaften XHTML-Code. Der Validator hilft dir, die Fehler zu finden.
Re: Div unten ausrichten + Mindesthöhe
TYPO 3 (zumindest im Moment)Xong hat geschrieben:Ich bin gespannt, was aus deiner Website wird. =)
Re: Div unten ausrichten + Mindesthöhe
http://www.stylekoch.deXong hat geschrieben:Ich bin gespannt, was aus deiner Website wird. =)
Fast fertig, noch abschmecken (Validität und die Referenzen find ich noch nicht perfekt).
Beste Grüße aus dem Allgäu.