Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Themes & Theming ›

CSS: flexibles Layout, drei Spalten, Mindest.- u. Maximalbreite?

Eingetragen von killhill (36)
am 25.05.2007 - 22:20 Uhr in
  • Themes & Theming

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

‹ Bild-Ausrichtung Probleme mit Skript-Einbau in das glossyblue Theme ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

IE

Eingetragen von md (3717)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Re: IE

Eingetragen von killhill (36)
am 26.05.2007 - 00:12 Uhr

Vielen Dank

md schrieb

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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

DrWeb wäre eine Möglichkeit...

Eingetragen von normic (18)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Vielleicht...

Eingetragen von killhill (36)
am 26.05.2007 - 15:32 Uhr

...hab ich einfach nach den falschen Schlagwörtern gesucht. Ich hatte jedenfalls nichts brauchbares gefunden.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Yaml-Framework

Eingetragen von Rockiger (75)
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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

guude

Eingetragen von buk (52)
am 26.06.2007 - 17:27 Uhr

aber bei yaml muss ich die copyright fusszeile drinn lassen, oder eine lizenz kaufen. stimmt das so ?

  • Anmelden oder Registrieren um Kommentare zu schreiben

Yaml für Drupal

Eingetragen von md (3717)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Es gibt noch eine andere Lösung

Eingetragen von Holzi (229)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Geht schon

Eingetragen von drubb (580)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

minmax.js

Eingetragen von md (3717)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Da gibt es noch Yahoo Grids CSS

Eingetragen von Holzi (229)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • für drupal11 ein Slider Modul
  • [gelöst] W3CSS Paragraphs Views
  • Drupal 11 neu aufsetzen und Bereiche aus 10 importieren
  • Wie erlaubt man neuen Benutzern auf die Resetseite zugreifen zu dürfen.
  • [gelöst] Anzeigeformat Text mit Bild in einem Artikel, Drupal 11
  • Social Media Buttons um Insteragram erweitern
  • Nach Installation der neuesten D10-Version kein Zugriff auf Website
  • Composer nach Umzug
  • [gelöst] Taxonomie Begriffe zeigt nicht alle Nodes an
  • Drupal 11 + Experience Builder (Canvas) + Layout Builder
  • Welche KI verwendet ihr?
  • Update Manger läst sich nicht Installieren
Weiter

Neue Kommentare

  • melde mich mal wieder, da ich
    vor 2 Wochen 17 Stunden
  • Hey danke
    vor 2 Wochen 1 Tag
  • Update: jetzt gibt's ein
    vor 2 Wochen 2 Tagen
  • Hallo, im Prinzip habe ich
    vor 2 Wochen 6 Tagen
  • Da scheint die Terminologie
    vor 2 Wochen 6 Tagen
  • Kannst doch auch alles direkt
    vor 3 Wochen 4 Tagen
  • In der entsprechenden View
    vor 3 Wochen 4 Tagen
  • Dazu müsstest Du vermutlich
    vor 3 Wochen 4 Tagen
  • gelöst
    vor 6 Wochen 15 Stunden
  • Ja natürlich. Dass ist etwas,
    vor 6 Wochen 1 Tag

Statistik

Beiträge im Forum: 250233
Registrierte User: 20452

Neue User:

  • ByteScrapers
  • Mroppoofpaync
  • 4aficiona2

» Alle User anzeigen

User nach Punkten sortiert:
wla9461
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3857
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 31 Gäste online.

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association