Posted by aak on 06/13/07 05:08

Hi,

I'm having a problem using CSS and viewing my page in the Konqueror
& Firefox 1.5 Browser.
It works OK on the IE and Firefox 2.0.0.4, but when I try to see
the page in
Konqueror & Firefox 1.5 It's Creating Some Font-size Problem.

In Firefox Fon-size Coming Out Of The Block(Background Image) & In
Konqueror Font-size Is
Looking So Small & text being half normal size.

This is my .css file:

body {
text-align: center;
font-family: Comic Sans MS, Verdana, sans-serif;
font-size: 92%;
margin: 0;
}

#main-content {
text-align: left;
background: #ffffff;
width: 800px;
margin: 0 auto 0 auto;
border: 0px solid #000000;
padding: 0;
}

#header {
background: url('./images/header-bg.png') repeat-x;
float: left;
width: 100%;
padding: 0;
margin: 0;
}

#logo {
float: left;
border: 0px solid #000000;
width: 60%;
}

#boog {
margin: 0 0 0 1em;
}

#mail-id {
float: right;
text-align: right;
display: inline;
margin: 0.2em 1em 0 0;
color: #707273;
border: 0px solid #000000;
width: 89%;
}

#mail-id a{
color: #707273;
text-decoration: none;
}

#mail-id span{
color: #707273;
}

#mail-search {
float: right;
text-align: right;
border: 0px ;
width: 40%;
margin: 0.9em 0 0 0;
color: #000000;
}

#search-box {
float: right;
text-align: right;
display: inline;
margin: 1em 1.1em 0 0;
padding: 0;
border: 0px solid #000000;
width: 60%;
}

#go {
background-color: #ffffff;
color: #000000;
border: 0.9px solid #000000;
width: 30px;
font-family: Comic Sans MS, Verdana, sans-serif;
text-align: center;
margin: 0 0 0 0;
padding: 0;
font-size: 0.9em;
font-weight: bold;
}

#search {
color: #000000;
border: 0.9px solid #000000;
width: 120px;
height: 20px;
font-family: Comic Sans MS, Verdana, sans-serif;
font-size: 0.9em;
font-weight: bold;
}

#primary-links li{
float: left;
list-style-type: none;
text-decoration: none;
border: 0px solid #000000;
margin: -0.5em 0 0 0;
padding: 0px;
width: 14%;
text-align: center;
border: 0px solid #000000;
}

#primary-links ul{
border: 0px solid #000000;
width: 100%;
margin: 0px;
padding: 0px;
float: left;
}

#primary-links {
width: 100%;
border: 0px solid #000000;
clear: left;
float: left;
}

..global-bar {
border: 0;
margin: 1em 0 0 0;
padding: 0;
}

#whole-movie {
border: 1px solid #000000;
width: 62.5%;
height: 180px;
margin: 0.5em 0 0 0.5em;
float: left;
display: inline;
}

#login {
background: url('./images/login-bg.png') no-repeat;
font-family: Comic Sans MS, Verdana, sans-serif;
float: left;
width: 33%;
height: 167px;
display: inline;
margin: 0.5em 0 0 1em;
border: 0px solid #000000;
}

#username {
margin: 2.5em 0 0 0.8em;
font-size: 0.8em;
font-weight: bold;
color: #ffab13;
}

#username input {
width: 125px;
border: 1px solid #ffab13;
}

#password {
margin: 0.7em 0 0 0.8em;
font-size: 0.8em;
font-weight: bold;
color: #ffab13;
}

#password input {
width: 125px;
border: 1px solid #ffab13;
}

#login-span{
color: #ffab13;
margin: -4em 0 0 11.5em;
border: 0px solid #000000;
font-size: 0.9em;
font-weight: bold;
border: 0px solid #000000;
float: left;
}

#login-span a{
color: #ffab13;
font-weight: bold;
}

#submit {
margin: 0.4em 0 0 0.8em;
font-family: Comic Sans MS, Verdana, sans-serif;
}

input#button {
background-color: #ffab13;
color: #ffffff;
font-weight: bold;
font-size: 0.7em;
height: 23px;
border: 0;
text-align: center;
font-family: Comic Sans MS, Verdana, sans-serif;
}

#flash-login {
width: 100%;
height: 200px;
float: left;
display: inline;
}

#activities-bg {
float: left;
display: inline;
background: url('./images/activities-bg.png') no-repeat;
border: 0px solid #000000;
width: 60%;
padding: 0 0 0 1em;
margin: 0 0 0 0.5em;
height: 181px;
}

#activities {
margin: 3em 0 0 0;
}

#left-arrow img{
float: left;
display: inline;
border: 0;
margin: 3.8em 0 0 0;
}

#games img{
float: left;
display: inline;
border: 0;
margin: 0 0 0 0.8em;
}

#puzzles img{
float: left;
display: inline;
border: 0;
margin: 0 0 0 2.5em;
}

#quiz img{
float: left;
display: inline;
border: 0;
margin: 0 0 0 2.5em;
}

#right-arrow img{
float: left;
display: inline;
border: 0;
margin: 3.8em 0 0 1em;
}

#email {
background: url('./images/email-bg.png') no-repeat;
float: left;
display: inline;
color: #36a4ff;
margin: -1.1em 0 0 1.5em;
width: 33%;
height: 151px;
font-size: 0.9em;
font-weight: bold;
padding: 0;
}

#email a{
text-decoration: none;
color: #36a4ff;
padding: 0;
margin: 0;
}

#email ul {
list-style-type: none;
margin: 2.2em 0 0 0.5em;
border: 0px solid #000000;
padding: 0;
}

#email li{
padding: 1em 0 0 0;
margin: 0;
}

#stories {
background: url('./images/stories-bg.png') no-repeat;
float: left;
margin: 0.6em 0 0 0.5em;
height: 223px;
padding: 0;
}

#stories-news {
clear: left;
width: 65%;
}

#stories span li{
margin: 1em 0 0 0;
display: inline;
padding: 0;
}

#col-1 {
float: left;
position: relative;
top: 2em;
left: -1.5em;
color: #669c0d;
display: inline;
border: 0px solid #000000;
margin: 0;
padding: 0 0 0 0;
}

#col-1 li{
list-style-type: none;
margin: 0;
padding: 0 0 0 0;
}

#col-1 a{
color: #669c0d;
text-decoration: none;
padding: 0;
margin: 0;
}

#col-2 a{
color: #669c0d;
text-decoration: none;
margin: 0;
padding: 0;
}

#col-2 {
margin: 0;
color: #669c0d;
border: 0px solid #000000;
float: left;
padding: 0;
position: relative;
top: 5em;
left: -4em;
}

#col-2 li{
list-style-type: none;
padding: 0 0 0 0;
}

#news {
background: url('./images/news-bg.png') no-repeat;
float: left;
border: 0px solid #000000;
font-size: 1em;
margin: 0.5em 0 0 -1.2em;
padding: 0;
height: 219px;
width: 241px;
color: #f7f400;
}

#news p{
position: relative;
top: 2em;
left: 1em;
margin: 0;
padding: 0;
}

#news a{
color: #f7f400;
text-decoration: none;
font-weight: bold;
margin: 0;
padding: 0;
}

#groups {
float: right;
background: url('./images/groups-bg.png') no-repeat;
height: 266px;
width: 35%;
color: #ff0598;
font-size: 1em;
margin: 0.6em -0.5em 0 0;
}

#groups span {
font-size: 1.3em;
color: #ff0598;
}

#groups p{
margin: 1.5em 0 0 0.3em;
}

#footer {
clear: left;
position: relative;
top: 0.8em;
left: 5em;
color: #707273;
}

#footer a{
color: #707273;
}

Am I doing something wrong?
I Have To Creat Different Css For That Or Not?
You Have Any Suggestion For Me, Please Let Me Know.
Or Any URL Or Tips Or How I Can Do Or Anything Else Please Reply Me As
Soon As Possible.
Thank You.

• Next in forum: Re: Interesting list
• Prev in forum: Re: Interesting list
• Thread view: Fon-size Problem In Konqueror & Firefox 1.5

[Reply to this message]