HTML, CSS and anything else that deals with client side capabilities.
Moderator: General Moderators
simonmlewis
DevNet Master
Posts: 4435 Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:
Post
by simonmlewis » Thu Jun 06, 2013 8:00 am
Code: Select all
.mainbodyboxgreen
{
background-color: rgba(170, 215, 0, 0.7);
text-align: left;
padding: 20px;
font-family: "Segoe UI", Arial;
}
Hi.
I've just realised this doesn't work in my DIV - the background colour doesn't show at all in IE9 (only Firefox) and the Segoe UI font doesn't show at all, even tho it's on my machine.
Why is this?
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
Christopher
Site Administrator
Posts: 13596 Joined: Wed Aug 25, 2004 7:54 pm
Location: New York, NY, US
Post
by Christopher » Thu Jun 06, 2013 9:22 am
For background-color, try:
simonmlewis wrote: Code: Select all
background-color: rgb(170, 215, 0);
background-color: rgba(170, 215, 0, 0.7);
The Segoe UI font doesn't show because it is not supported by you browser. You will need to load it manually if you require that font.
Last edited by
pickle on Fri Jun 07, 2013 4:04 pm, edited 1 time in total.
Reason: Fixing broken [quote]
(#10850)
simonmlewis
DevNet Master
Posts: 4435 Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:
Post
by simonmlewis » Thu Jun 06, 2013 9:25 am
That just gives me an empty box with no background.
It's most bizarre that the official Microsoft font isn't recognised by Microsoft software by default!!
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
simonmlewis
DevNet Master
Posts: 4435 Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:
Post
by simonmlewis » Fri Jun 07, 2013 1:30 pm
That doesn't load in IE9 at all. Only shows "initializing the awesome". The two panes I get in Firefox do not load at all in IE9.
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
simonmlewis
DevNet Master
Posts: 4435 Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:
Post
by simonmlewis » Fri Jun 07, 2013 2:01 pm
Code: Select all
<style>
.mainbodyboxgreen
{
background-color: rgba(170, 215, 0, 0.7);
text-align: left;
padding: 20px;
color: #000000;
font-family: "Segoe UI", Arial;
}
.blackbox
{
background-color: #000000;
padding: 10px;
color: #ffffff;
}
</style>
<div class='blackbox'>
hi
<div class="mainbodyboxgreen">asdfasdF</div>
</div>
Even this on its own in IE9 fails. I just get a black box with text.
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
pickle
Briney Mod
Posts: 6445 Joined: Mon Jan 19, 2004 6:11 pm
Location: 53.01N x 112.48W
Contact:
Post
by pickle » Fri Jun 07, 2013 4:05 pm
Christopher wrote: The Segoe UI font doesn't show because it is not supported by you browser. You will need to load it manually if you require that font.
I've never heard of a font not being supported by a browser.
Real programmers don't comment their code. If it was hard to write, it should be hard to understand.
simonmlewis
DevNet Master
Posts: 4435 Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:
Post
by simonmlewis » Fri Jun 07, 2013 4:08 pm
That's my issue. In Firefox it DOES load. In IE9 it doesnt.
So I have these two issues with apparently should be fine in IE9, but are not.
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.