CSS: flexibles Layout, drei Spalten, Mindest.- u. Maximalbreite?
am 25.05.2007 - 22:20 Uhr in
Hallo
Hat zufällig jemand einen Link Parat wo erklärt wird wie man ein "halb" flexibles Layout hinbekommt? Also mit Mindest.- und Maximalbreite halt. Is ja nicht so häufig gesehen. Bekommt man so was denn überhaupt valide hin?
Dank euch.
killhilll
- Anmelden oder Registrieren um Kommentare zu schreiben

IE
am 26.05.2007 - 00:06 Uhr
Wenn du den am weitest verbreiteten nicht W3C konformen Browser IE aussen vorlässt, geht das über CSS mit min-width und max-width.
Aber es gibt Hacks: min-width - http://www.cssplay.co.uk/boxes/width2.html
max-width: http://www.svendtofte.com/code/max_width_in_ie/
Aber das ist alles so müßig. Ich mach solche Dinge einfach mit den W3C Standards und die IE Benutzer müssen halt mit den Einschränkungen leben. Die sind ja nicht unbedingt so, dass das Layout schlechter ist, aber halt ein paar schöne Features nicht hat.
Der IE Benutzer merkt das eh nicht ;-)
Erst suchen dann fragen
vg
--
md - DrupalCenter
mdwp
Re: IE
am 26.05.2007 - 00:12 Uhr
Vielen Dank
Erst suchen dann fragen
Also ich hab gesucht. Hab allerdings nur völlig flexible gefunden. Nur weil ich es nicht erwähnt habe heißt es ja nicht, dass ich es nicht auch habe.
Grüße und ein schönes Pfingstfest.
DrWeb wäre eine Möglichkeit...
am 26.05.2007 - 14:31 Uhr
wenn es denn lieber in deutsch sein soll. Da bekommst Du reichlich Hinweise zu Design, HTML, CSS, usw. "Fertige" Vorlagen befinden sich allerdings nur im kostenpflichtigen Plus-Bereich, ich kann mir aber auch nicht vorstellen dass Google da nichts ausspuckt.
Übrigens ist das Tutorial meines Vorredners auch eine interessante Quelle :)
Gruß,
Michael
Vielleicht...
am 26.05.2007 - 15:32 Uhr
...hab ich einfach nach den falschen Schlagwörtern gesucht. Ich hatte jedenfalls nichts brauchbares gefunden.
Yaml-Framework
am 16.06.2007 - 10:18 Uhr
Schau dich mal auf Yaml.de um, dort gibt es ein Framework, welches versucht Kompatibilität zu allen wichtigen Browsern sicher zu stellen. Leider muss man schon ein wenig Arbeit investieren. Meiner Meinung nach ist es die Sache allerdings wert.
Lg
Marco
http://www.ErsteHerren.info - Das Netzwerk für alle Tennis-Spieler, Tennis-Fans und Freunde der 1. Herren des TC Blau-Weiss Wiesbaden.
guude
am 26.06.2007 - 17:27 Uhr
aber bei yaml muss ich die copyright fusszeile drinn lassen, oder eine lizenz kaufen. stimmt das so ?
Yaml für Drupal
am 19.07.2007 - 10:06 Uhr
Ja, das stimmt leider. Die Lizenzierung von Yaml und Yaml für Drupal (man braucht 2 Lizenzen!) ist etwas unglücklich. Man kann z.B. kein Theme der Drupal Community zur Verfügung stellen. Das Yaml Framework ist zwar sehr gut und technisch gesehen uneingeschränkt zu empfehlen, aber die Lizensierung ist halt das Problem.
vg
--
md - DrupalCenter
mdwp::Drupal Services
Es gibt noch eine andere Lösung
am 19.07.2007 - 10:17 Uhr
Hi alle,
es gibt da noch eine Layout Gala, die auch nur ein und das selbe html nimmt und immer wieder anders darstellt, zu finden unter http://blog.html.it/layoutgala/
Aber das mit Yaml verstehe ich auch nicht so ganz warum Drupal Leute 2 mal zahlen sollen*Kopfschütteln* Hat da schon mal einer nachgefragt ob das wirklich so ist, bei dem Entwickler von Yaml???
MfG
Michael Finger
Holztechniker
Geht schon
am 19.07.2007 - 10:37 Uhr
Hallo,
also zumindestens zweispaltig hab ich das schon recht kompatibel umgesetzt. Der Weg führt tatsächlich über die Javascript Expressions, mit denen nur der IE was anfängt. Beispiel für ein DIV mit Mindest- und Maximalbreite:
#layout {width: expression(document.body.clientWidth < 662? "660px" : document.body.clientWidth > 882? "880px" : "100%");
min-width:660px;
max-width:880px;
}
Das DIV mit der id "layout" soll also mindestens 660px und maximal 880px breit sein. Die alten IEs oder Operas bekommen das über die JS-Expression gesagt, alle anderen Browser über min-width und max-width. Wichtig: die Vergleichswerte dürfen nicht identisch mit den gewünschten Werten sein (deshalb oben "662" und "882"), sonst stürzt der IE 6 u.U. ab.
Funktioniert sauber ab IE 5.0
Gruß,
Boris
minmax.js
am 19.07.2007 - 10:43 Uhr
Dafür gibts es ein kostenloses JavaScript - http://www.doxdesk.com/software/js/minmax.html. Das wird übrigens auch vom Yaml Framework benutzt!
vg
--
md - DrupalCenter
mdwp::Drupal Services
Da gibt es noch Yahoo Grids CSS
am 19.07.2007 - 12:02 Uhr
Hi,
kannst dir ja mal die Yahoo Grids CSS anschauen, kann sein das es genau das richtige für dein Problem ist, zu finden unter http://developer.yahoo.com/yui/grids/
MfG
Michael Finger
Holztechniker