Webforumz's RSS FeedRSS Webforumz RegistrationRegister Contact Webforumz StaffContact

Different Text Display in Different Browser ???

This is a discussion on "Different Text Display in Different Browser ???" within the Web Page Design section. This forum, and the thread "Different Text Display in Different Browser ??? are both part of the Design Your Website category.


 Subscribe in a reader

Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices




Reply
 
LinkBack Thread Tools
  #1  
Old Jul 6th, 2006, 18:26
Junior Member
Join Date: Apr 2006
Age: 28
Posts: 29
Thanks: 0
Thanked 0 Times in 0 Posts
Question Different Text Display in Different Browser ???

Why is it that text within certain elements are displayed BIGGER in Microsoft Explorer & perfectly well in Firefox on my website ??? See the "Template" text, for example. Is this normal due to browser's incompatibility, since I never had such problem before ???

darsh25.silverserve.co.uk/AllInclusiveWebDesign/

CSS is:

Code: Select all
/* CSS Document */

body
{
    background-color:white;
}


/* .................................... HEADER & FOOTER ................................... */

#header
{
    background-image:url(headerbackground.jpg);
    height:5%;
    font-family:Georgia, "Times New Roman", Times, serif;
    color:white;
    text-align:center;
    width:100%; 
}

#header  a
{
    color:yellow;    
    text-decoration:none;
}

#header  a:hover
{
    text-decoration:underline;
}

#footer
{
    background-image:url(headerbackground.jpg);
    font-family:Georgia, "Times New Roman", Times, serif;
    color:white;
    text-align:center;
    border-top:2px solid white;
    float:left;
    height:5%;
    width:100%; 
}

#footer a
{
    color:yellow;    
    text-decoration:none;
}

#footer a:hover
{
    text-decoration:underline;
}

/************************************ BANNER ************************************/

#banner
{
    background-image:url(bannerbackground.jpg);
    text-align:center;
    height:150px;
}



/************************************ TEMPLATE MENU ************************************/

#templateMenu
{
    float:left;
    width:11%;
    border:1px solid red;
    background-color:green;
}

#templateMenu ul
{
    list-style:none;
    margin:0px;
    position:relative;
    padding:0px;
    width:100%;
    border:thin solid red;
    border-bottom:0px;
}

#templateMenu ul a
{
    display: block;
    text-align:center;
    background-color:yellow;
    text-decoration:none;
    width:100%;
    border-bottom:thin solid red;
    color:blue;
    position: relative;
    font-size:large;
    line-height:30px;
}

#templateMenu ul a:hover
{
    color:black;
    background-color:yellow;
    text-transform:uppercase;
}


/************************************ CENTER CONTENT ************************************/

#centerContent
{
    background-image:url(contentbackground.jpg);
    width:700px; 
    margin-left:35px;
    float:left;
    border-left:1px solid #999999;
    border-right:1px solid #999999;
}

#centerContent ul
{
    font-family:Georgia, "Times New Roman", Times, serif;
    text-align:justify;
    list-style-type:decimal;
    color:black;
}

#centerContent li
{
    margin:3% 3%;
    line-height:1.5em;
}

/************************************ LEFT CONTENT ************************************/

#leftContent
{
    margin-top:30px;
    float:left;
}

/************************************ RIGHT CONTENT ************************************/

#rightContent
{
    float:right;
}

/*********************************** Pre-Defined Elements ************************************/

p.first-letter:first-letter
{
    font-family:Georgia, "Times New Roman", Times, serif;
    color:red;
    margin-left:5%;
    font-size:xx-large;
}

p
{
    font-family:Georgia, "Times New Roman", Times, serif;
    text-align:justify;
    font-size:medium;
    line-height:1.5em;
    margin:2% 3%;
    color:black;
}

h3
{
    font-family:Georgia, "Times New Roman", Times, serif;
    text-align:left;
    font-size:x-large;
    margin:2% 3%;
    color:purple;
    letter-spacing:5px;
    border-bottom:thin solid #990000;
}

h4
{
    font-family:Georgia, "Times New Roman", Times, serif;
    text-align:center;
    font-size:x-large;
    color:green;
}

h5
{
    font-family:Georgia, "Times New Roman", Times, serif;
    text-align:justify;
    font-size:medium;
    margin:2% 3%;
    color:blue;
}

h6
{
    font-family:Georgia, "Times New Roman", Times, serif;
    text-align:justify;
    margin:0;
    font-size:medium;
    font-weight:normal;
    color:red;
}

.italic
{
    font-family:Georgia, "Times New Roman", Times, serif;
    text-align:justify;
    color:black;
    font-style:italic;
}

.bold
{
    font-family:Georgia, "Times New Roman", Times, serif;
    text-align:justify;
    color:black;
    font-weight:bold;
}

.colorTextRed
{
    font-family:Georgia, "Times New Roman", Times, serif;
    text-align:justify;
    color:red;
}

.colorTextBlue
{
    font-family:Georgia, "Times New Roman", Times, serif;
    text-align:justify;
    color:blue;
}

.colorTextGreen
{
    font-family:Georgia, "Times New Roman", Times, serif;
    text-align:justify;
    color:green;
}

.colorTextLime
{
    font-family:Georgia, "Times New Roman", Times, serif;
    text-align:justify;
    color:#00FF00;
}

.background
{
 background-image:url(background.jpg);
}

/*********************************** TABLE ***********************************/

#contactTable
{
    border-spacing:2%;
    margin:3% 3%;
    font-family:Georgia, "Times New Roman", Times, serif;
    text-align:left;
}

#contactTable tr
{
    border:none;
}

#contactTable td
{
    font-size:medium;
    color:black;
}

.contactForm
{
    background-color:#99FF99;
    border:1px solid red;
}

/*********************************** TABLE CLASSES ***********************************/

.table
{
    background-color:white;
    border-spacing:2%;
    margin:3% 3%;
    font-family:Georgia, "Times New Roman", Times, serif;
    border-collapse:collapse;
    text-align:left;
}

.tr
{
    border:none;
}

.td
{
    border:thin solid red;
    font-size:medium;
    padding:2px;
    text-align:center;
    color:black;
}

Last edited by j4mes_bond25; Jul 6th, 2006 at 18:41.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

Tags
different, text, display, browser

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
display text description vroadrunner Flash & Multimedia Forum 0 Mar 12th, 2008 17:38
[SOLVED] browser display problem thewebkid Web Page Design 2 Nov 29th, 2007 12:54
The Best way to display Images and text thewebkid Website Planning 7 Nov 19th, 2007 14:56
Cross-browser text problem LarsUnit Web Page Design 5 Oct 8th, 2007 16:19
display text elmasduro JavaScript Forum 0 Apr 27th, 2007 05:07


All times are GMT. The time now is 18:43.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 RC8