|
|
 |
RE: Re: FN-FORUM: common problems
date posted 22nd September 2006 16:14
so er... which background is giving you the problem then?
:D
>
>OK you asked for it :o) it's a bit if a mess...
>much thanks.
>
>body {
> padding: 0px;
> margin: 0px;
> border: 0px;
> margin-top: 0px;
> background: #ffffff;
> position: relative;
>}
>a:link, a:visited {
> color: #333399;
> text-decoration: none;
>}
>a:hover{
> color: #0c0; text-decoration: none;
>}
>#content{
> position: relative;
> margin: 0;
> line-height: normal;
> width: 760px;
> margin: 0 auto;
>}
>#content ul {
> margin: 0 0 0 0;
> padding: 0 0 0 0;
> list-style: none;
> position: relative;
>}
>#content li {
> display: inline;
> margin: 0;
> padding: 0;
> position: relative;
>}
>#page {
> position: relative;
> top: 0px;
> margin: 0 auto;
>}
>#footer {
> height: 73px;
> display: block;
> width: 60%;
> position: fixed;
> bottom: 2px;
> opacity: .7;
> filter: alpha(opacity=70);
>
>}
>#footerText {
> border: 1px #666666 solid;
> border-top-width: 1px;
> width: 740px;
> height: 100%;
> vertical-align: middle;
> margin: 0 auto;
> text-align: center;
> font-family: geneva,arial,sans-serif;
> font-weight: normal;
> word-spacing: -1px;
> font-size: 70%;
>}
>#menu{
> display: block;
> float: left;
> padding-bottom: 20px;
> padding-top: 20px;
> line-height: 160%;
> background: url(../image/menu-top.gif) top center no-repeat;
> font-family: "Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
> font-size: 90%;
> position: relative;
> width: 160px;
> top: 0px;
> margin-top: 5px;
> margin-left: 5px;
> height: 150px;
>}
>#header{
> font-family: trebuchet ms, verdana, tahoma, arial;
> display: block;
> position: relative;
> float: right;
> margin-top: 5px;
> margin-right: 5px;
>
> width: 550px;
> height: 200px;
> background: url(../image/header-background.jpg) top left no-repeat;
>}
>#menu ul li{
> font-weight: bold;
> display: block;
> list-style-type: none;
> position: relative;
>
>}
>#menu ul li a{
> background: url(../image/menu-point.gif) top left no-repeat;
> padding: 0px 0px 0px 20px;
> cursor: pointer;
> text-decoration: none;
> position: relative;
>}
>#menu ul li a:hover{
> background-position:0% -24px;
> position: relative;
>}
>#pageName{
> display: block;
> float: left;
> position: relative;
> top: 0px;
> margin-top: 5px;
> margin-left: 5px;
> width: 630px;
> height: 80px;
> background: url(../image/page.gif) top left no-repeat;
>}
>#pageName span{
> font-variant: small-caps;
> font-family: "Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
> font-size: 400%;
> margin-left: 20px;
>}
>#logo{
> display: block;
> position: relative;
> float: right;
> margin-top: 5px;
> margin-right: 5px;
> width: 80px;
> height: 80px;
> background: url(../image/cuk_logo.gif) top left no-repeat;
>}
>#subMenu{
> font-family: trebuchet ms, verdana, tahoma, arial;
> display: block;
> margin: 0 auto;
> float: right;
> margin-top: 5px;
> margin-right: 5px;
> text-align: right;
> width: 720px;
>}
>#subMenu ul li{
> display: inline;
> text-transform: uppercase;
> font-size: 70%;
>}
>#subMenu ul li a{
> border: 0px #FFFFFF solid;
> border-bottom-width:3px;
>}
>#subMenu ul li a:hover{
> border: 0px #CCCCCC solid;
> border-bottom-width:3px;
>}
>#main{
> font-family: trebuchet ms, verdana, tahoma, arial;
> display: block;
> margin: 0 auto;
> float: right;
> margin-top: 5px;
> margin-right: 5px;
> width: 740px;
>}
>#main h1,h2,h3,h4,h5,h6{
> margin-left: 10px;
> font-size: 100%;
> border: 0px #aaaaff solid;
> border-bottom-width:3px;
>}
>#main p {
> margin: 10px 10px 10px 10px;
> font-size: 75%;
>
>}
>#form1 {
> border: 1px solid #000000;
> padding: 5px;
> background-color: #88dd88;
>}
>
>#form2 {
> border: 1px solid #000000;
> padding: 5px;
> background-color: #bbbbff;
>}
>
>input {background-color: #ffffff;}
>
>ul, ol, dl, li { position: relative; }
>
>
>
[EMAIL REMOVED] wrote:
>> can you copy/paste your CSS please?
>>
>>
>>> Anyone know any solutions when IE appears not to be using the stylesheet
>>> background images at all but firefox is fine??
>>>
>>> Ta
>>>
>>> Ju.
>>>
>>> --
>>> Freelancers, contractors earn more with Prosperity4
>>> Call 0870 870 4414 or visit www.prosperity4.com
>>> and benefit from Inland Revenue approved expenses today.
>>>
>>> To advertise here: http://www.freelancers.net/advertising.html
>>>
>>>
>
>--
>Freelancers, contractors earn more with Prosperity4
>Call 0870 870 4414 or visit www.prosperity4.com
>and benefit from Inland Revenue approved expenses today.
>
>To advertise here: http://www.freelancers.net/advertising.html
>
> |
 |
|