Re: [css-d] IE Problem (naturally!)
On 11 Nov 2008, at 09:37, Jonny Stephens wrote:
> On 11 Nov 2008, at 08:58, wlb wrote:
>
>> I have a graphic decoration at the bottom of each of the following
>> two pages
>> and have used CSS margin-left to position them, but IE doesn't
>> seem to
>> recognize the margin and places the graphic on the left side of the
>> screen.
>> I tried fiddling with the padding as well, but then everything got
>> very
>> messed up.
>>
>> Here are the pages with problems:
>>
>> http://www.boletta.com/aau/book.html
>>
>> http://www.boletta.com/aau/type.html
>>
>> Here is the external stylesheet:
>>
>> http://www.boletta.com/aau/portfolio.css
>
> I'm sure someone will be along to explain the reason for the
> ineffective margin but this should do the trick:
>
> #ornament_3 {
> background: transparent url(pix/ornament_3a.png) no-repeat scroll
> center 50%;
> height:100px;
> margin:0 auto;
> }
>
Oops... IE7 needs width too...
#ornament_3 {
background: transparent url(pix/ornament_3a.png) no-repeat scroll
center 50%;
height: 100px;
margin: 0 auto;
width: 182px;
}
Jonny
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE Problem (naturally!)
On 11 Nov 2008, at 08:58, wlb wrote:
> I have a graphic decoration at the bottom of each of the following
> two pages
> and have used CSS margin-left to position them, but IE doesn't seem to
> recognize the margin and places the graphic on the left side of the
> screen.
> I tried fiddling with the padding as well, but then everything got
> very
> messed up.
>
> Here are the pages with problems:
>
> http://www.boletta.com/aau/book.html
>
> http://www.boletta.com/aau/type.html
>
> Here is the external stylesheet:
>
> http://www.boletta.com/aau/portfolio.css
I'm sure someone will be along to explain the reason for the
ineffective margin but this should do the trick:
#ornament_3 {
background: transparent url(pix/ornament_3a.png) no-repeat scroll
center 50%;
height:100px;
margin:0 auto;
}
and the same sort of thing for #ornament_2.
Regards
Jonny
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE Problem (naturally!)
Greetings! I finally finished this website and everything works perfectly on all browsers (Win & Mac) except for IE 6 and 7 on Windows. I have a graphic decoration at the bottom of each of the following two pages and have used CSS margin-left to position them, but IE doesn't seem to recognize the margin and places the graphic on the left side of the screen. I tried fiddling with the padding as well, but then everything got very messed up. Here are the pages with problems: http://www.boletta.com/aau/book.html http://www.boletta.com/aau/type.html Here is the external stylesheet: http://www.boletta.com/aau/portfolio.css I can't figure out what causes this to happen in IE or if I am doing something wrong in CSS (or XHTML). All of the HTML is valid. I also checked all the embedded and external stylesheets at WC3 and the CSS is all valid. I am stumped. Any help would be appreciated. Thanks, Bill Boletta __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
