How to
Some nice CSS3 snippets for every day work …
Continue reading ‘css3 snippets for every day: border-radius, gradient, shadow, …’
Tag Archive for 'CSS'
Today i will start a new Session and post some nice and tricky TypoScript Snippets for Typo3 (tested in Ver. 4.4)
show restricted Pages & add css (class=”locked”)
How to:
One more snippet …
I hab trouble with transparency backgrounds and the different Browser interpretation, ahhrgh. But finally i found a cool summary.
take this:
div .test {
background: rgb(255, 255, 255); /* fallback for all old guys */
background: rgba(2255, 255, 255, 0.5);
}
Internet Explorer need a special treatment, via conditional comment
<!--[if lt IE 9]>
div .test {background:#fff; filter:alpha(opacity=50);}
<![endif]-->Thats all. Enjoy it.
Today just a short snippet.
To center a background image vertical and horizontal especially Mozilla Firefox need the attribute “fixed”:
body {
background-image: url(....);
background-position: center center;
background-attachment: fixed;
height: 100%;
}
Tested with: IE 6 – 8, Firefox 3.6, Safari 4
With this little trick, my day will be fine! Ole.
When you have a div-container which has the attribute position-absolute and you put a 2nd div-container inside (which has also a position-absolute attribute) it can happens that Internet Explorer 7 does not interpret this correct.
I had the problem, that the 2nd div-container (which is a fold-out CSS-menu) is larger than the sorrounding div. In IE 7 the CSS-menu lays, in the part outside the sorrounding container, behind those elements. But for a menu you aspect to be the first element in the hierarchy.
Those layer positions can be set using z-index in CSS. The higher the index, the higher the position of the element to users-view. So I set the z-index to a high value but in IE 7 nothing happened.
How to …
I show you a nice jQuery snippet for a smoothy slider menu.
This was my first jQuery experience – if you find some tuning options, tell me please!
Here you can see my script in Action: http://www.gyn-endoskopie.de/
How to …
Yaml provides a nice solution for column layout, center layout and fullscreen layout.
The last team-noir project was a fullscreen-design for our customer. I show you how easy it is to code such a template:
We have decided we our bad Browser-script to not any longer support browsers like IE 6 which does not follow the HTML-standards.
But sometimes, maybe when you are at work, it is not that easy. Sometimes you need a little work around or a special CSS only for IE 6. Today it was one of those days. At work I made a site were articles are shown in a list, only one little overview-snippet for each article. Now I want, to made it more clearly arranged a solid line between each div-container. Thought and done in CSS, it worked fine – in Firefox. But not for Internet Explorer 6.
Today just a short post:
new Aptana Studio IDE is available.
I have just downloaded the .exe file. Let’s see whats new …
greetz, Martin
The Internet Explorer 6 has sometimes a problem with floating right. Today I had this problem. I have two div-container: one a image which has to float left and a text block which has to float right. On Firefox this works without any problems. But IE 6 do not float the text to the right but just put it after the image. After a little internet search I found a similar problem, the so called doubled float-margin bug on IE 6. Continue reading ‘Floating problems with IE 6′
last Comments