Einträge für CSS

CSS: 100% divs links und rechts vom content

Mein Header Element soll 980px breit sein und natürlich zentriert. Links und rechts brauche ich DIVs die den Rest des Platzes ausfüllen. Das ganze wollte ich ohne Tables, ohne JS nur mit CSS lösen, damit das Endergebnis so aussieht: HTML: <div id="header_wrap"> <div ...

Mehr lesen

IE8 (WinXP) - in Passwort Feldern werden keine Punkte angezeigt

Es is so traurig, dass es immer noch Leute mit IE8 auf Windows XP gibt, aber bei denen besteht wohl unter bestimmten Umständen das Problem, dass die Sterne / Punkte in Passwort Feldern nicht angezeigt werden. Korrigieren konnte ich das, in dem ich den Feldern wieder eine Standardschrift (in dem ...

Mehr lesen

gestylter File Upload Button im IE8

Ich brauchte einen komplett gestylten "Bild hochladen" Button und konnte daher das standard input type="file" nicht verwenden. Bzw. habe ich es folgendermaßen ausgeblendet: input[type="file"]#imagefile{ visibility:hidden; width:0; height:0; } Mein gestylter Button war ein label mit ...

Mehr lesen

IE7 und display:inline-block

Scheint als ob der gute alte Internet Explorer 7 mit display:inline-block nicht klarkommt, was aber grade für listen die als Navigation dienen total super ist. Aber ich habe auf Anhieb einen super fix gefunden auf dieser Seite: li { display: inline-block; zoom: 1; *display: inline; } Geht...

Mehr lesen

Facebook Scrollbar

Plötzlich wollte die Scrollbar in meinem Facebook Tab nicht mehr verschwinden. Erst nach einer Weile wurde mir klar, dass es an dem clearfix Hack lag, der verträgt sich offenbar gar nicht mit Facebook. Ansonsten, zum Vermeiden der Scrollbars gehört dies ins Stylesheet: body, html {     ...

Mehr lesen

Ungewollter Bildabstand

Wenn ich ein Bild von einem Link unschließe, entsteht eine merkwürdige kleine Lücke, der Link wird höher als das eigentliche Bild. Um dies loszuwerden, gibt man dem Bild um das es geht ein display:block mit. ...

Mehr lesen

jquery lightbox - Höhe im IE

So hübsch die jquery lightbox auch ist, bei mir wollte sie mit dem Standard Stylesheet im Internet Explorer nicht die richtige Höhe annehmen. Kleiner CSS Fix für das Problem: #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; ...

Mehr lesen

eine float:left Liste mit subnavigation zentrieren

Ich habe eine ganze Weile gesucht und schließlich bei CSSplay die Lösung gefunden. Man umschließt die betreffende Navigation mit einem div (in meinem Fall mit der Klasse "container"), dem man folgende Eigenschaften zuweist: .container { clear:both; float:left; width:100%;} Der Liste gibt...

Mehr lesen

iframe Transparenz für IE

Es ist traurig, dass ich überhaupt noch mit iframes arbeiten muss. Aber der Kunde wünschte auf seiner Typo3 Seite eine Möglichkeit, sich auf einer externen Seite einzuloggen. Mir fiel da beim besten Willen keine andere Möglichkeit ein, als auf der Typo3 Seite ein iframe reinzubasteln, dessen ...

Mehr lesen

Firefox 3.5 und seine Macken

Ich weiß nicht, was sie sich dabei gedacht haben. Für den normalen User mag Firefox 3.5 ja toll sein und kaum ein Unterschied zu sonst bestehen. Aber als Programmierer verwandelt sich die aktuelle Version schnell in einen Alptraum. Um mal zu notieren, was mir bisher so aufgefallen ist: Werte per ...

Mehr lesen