Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
Pages: 1
Background Images and IE
I just stumbled upon and interesting little issue with background images not displaying in IE. Check out the little write up I did of it…
To even the least of these…
Offline
#2 2006-01-13 20:58:44
- NyteOwl
- Member
- From: Nova Scotia, Canada
- Registered: 2005-09-24
- Posts: 539
Re: Background Images and IE
I prefer explicit CSS which eliminates many of the “stacking” problems such as missing spaces so
<pre><b>#whatever
{
background: url(image.gif) no-repeat center fixed;
}</b></pre>
<br>
becomes
<br>
<pre><b>#whatever
{
background-color: inherit;
background-image: url(image.gif);
background-repeat: no-repeat;
background-postion: center;
background-attachment: fixed;
}</b></pre>
<br>
It makes for easier debugging if needed as well as making changes later and/or reusing code.
<br>
Last edited by NyteOwl (2006-01-13 21:05:35)
Obsolescence is just a lack of imagination. / 36-bits Forever! / #include <disclaimer.h>;
Offline
Re: Background Images and IE
True, but…. that is an awful lot of code by the time you are done with the site. Roger Johansson wrote about this on his site a while age. A good read for anyone using CSS. link to article
What is funny about the little error is that ALL the other browsers rendered it correctly.
To even the least of these…
Offline
#4 2006-01-15 23:20:54
- NyteOwl
- Member
- From: Nova Scotia, Canada
- Registered: 2005-09-24
- Posts: 539
Re: Background Images and IE
Yes I read his articles regualrly – not always in agreement :) In the same way I tend to err in the side of caution in implementing entwork security, I prefer to exceed on the site of clarity in my coding, even if it’s juts a CSS file.
Obsolescence is just a lack of imagination. / 36-bits Forever! / #include <disclaimer.h>;
Offline
#5 2006-02-02 12:16:35
- NeoNe
- New Member
- Registered: 2006-01-19
- Posts: 2
Re: Background Images and IE
well its intresting that I used both examples from abowe and none of them work
first I use as ordenary I always use and every browser read it but stupid IE can’t why just microsoft update setings from firefox to explorer and we all wil be happy they just send us some updates that we dont need at all??
this is how I do and every browser read it but explorer dont
#content
{
padding-left: 30px; /* padding-right: 30px;
*/
float: left;
background:#F7F7F7 url(images/design/bgup.gif) repeat-y right;
color:#666;
width: 588px;
border-left: 1px solid #EEEEEE;
padding-bottom: 50px;
margin-left: 1px;
display: inline;
}
then I do like in example above and again I have same problem I tougt that this padding*/ stuff can be problem but it isnt I eaven remove float:left but that just do more problems
#content
{
padding-left: 30px; /* padding-right: 30px;
*/
float: left;
background-color:#F7F7F7;
background-image:url(images/design/bgup.gif);
background-repeat:repeat-y;
background-position:right;
color:#666;
width: 588px;
border-left: 1px solid #EEE;
padding-bottom: 50px;
margin-left: 1px;
display: inline;
}
Offline
#6 2006-02-02 21:52:19
- NyteOwl
- Member
- From: Nova Scotia, Canada
- Registered: 2005-09-24
- Posts: 539
Re: Background Images and IE
I can’t say what your specific problem is without perhaps a sample page to look at. I use this technicque on my site and they display in IE just fine.
Obsolescence is just a lack of imagination. / 36-bits Forever! / #include <disclaimer.h>;
Offline
Pages: 1