iTopiaBlog » CSS

Symfony: Instruct browser to refresh CSS and JS files

TBA — Fri, 13 May 2011 13:31:30 +0000

In Symfony the stylesheets and javascript files are defined in the view.yml. Sometimes the problem appears that the browsers cache these files, even if there where some changes in the last release without refreshing the new contents.

There is a common technique to instruct the browser to take the new file version: Browsers store different file versions for different GET paramters. So if you include a CSS file like this:

and in the next version with a higher version number (v=22), the browser will use (and cache) the newer version.

In our case we save the current version number (SVN) into the app.yml and we use this number as increasing GET-Parameter to force a cache refresh:

default:
  stylesheets: [styles.css?v=]

CSS: float soll nur innerhalb eines div bestehen

TBA — Wed, 07 Mar 2007 16:30:26 +0000

Ich hatte das Problem, dass sich ein float: left in einem div fÃ¼r eine horizontale Liste sich
blÃ¶derweise auch Ã¼ber das div hinaus auswirkte, was zur Folge hatte, dass alles was nach dem div kam weiterhin um das letzte Listenelement floss.

Nach langem Suchen fand ich die sehr einfache LÃ¶sung im Netz:
Man kann alle floats beenden in dem man am Ende einfach folgendes eingibt:

Formular ohne Tabelle

TBA — Sun, 04 Mar 2007 13:36:46 +0000

Da man Tabellen eigentlich nicht zum Layouten verwenden sollte bietet es sich auch aus semantischen GrÃ¼nden an, dementsprechende alternative HTML-Tags fÃ¼r ein Formular-Layout zu verwenden.

Hier ein kleines Beispiel:

[syntax,cssform.html,html]

Mit fieldset kann man zusammengehÃ¶rige Bereiche zusammenfassen.
Die Liste (ol) sorgt fÃ¼r eine logische Ordnung der Formularelemente