Problems With CSS & Firefox [Archive]

View Full Version : Problems With CSS & Firefox

Smoky

12-19-2004, 09:56 PM

Hey guys....

Check this page out:
Langstone (http://smoky.hostmatrix.org/langstone/)

This is a work in progress and i have just turn the first two pages into using only CSS like it should be but now it isnt getting displayed correctly with Firefox because i have taken out the font tags.

This is the code:

<html>
<head>
*<title>Welcome To Langstone Homes Web Site</title>
*<meta name="distribution" content="Global">
*<meta HTTP-EQUIV="Content-Type" CONTENT="text/html">
*<meta name="description" content="Langstone Homes Web Site. View all of our houses in full 3D action.">
*<meta name="keywords" content="homes, langstone, belwell, sutton coldfield, mark wallsgrove">
*<meta name="content-language" content="en">
*<meta name="rating" content="Safe For Children">
*<meta name="author" content="Mark Wallsgrove">
*<meta name="reply-to" content="mark@fightinglimits.co.uk">
*<meta http-equiv="reply-to" content="markwallsgrove@hotmail.com">
*<meta name="copyright" content="Langstone Homes 2003">
*<meta name="doc-rights" content="public">
*<meta name="resource-type" content="Web Page">
*<meta name="robots" content="index,follow,all">
*<meta name="classification" content="Homes">

<style type="text/css">
body
{
/*Background colour*/
background-color: "#DCEAD6";
/*Scroll bar*/
SCROLLBAR-ARROW-COLOR: "#C9C4E8";
SCROLLBAR-BASE-COLOR: "#002D59";
}
p.text
{
/*General text and links*/
text-align: "center";
font-weight: "bold";
font-family: "Arial, Times New Roman";
color: "#002D59";
font-size: 10.625;
}
p.header
{
/*Headers with underline*/
text-align: "center";
font-weight: "bold";
font-family: "Dotum, Arial, Times New Roman";
color: "#002D59";
font-size: 16.25;
}
p.portallinks
{
/*Portal Links*/
text-align: "left";
font-family: "Arial, Times New Roman";
color: "#002D59";
font-size: 10.625;
}
p.keywords
{
/*Key words*/
text-align: "left";
font-family: "Times New Roman";
color: "#DCEAD6";
font-size: 1;
}
a
{
font-weight: "bold";
color: "#002D59";
}
a:active
{
font-weight: "bold";
color: "#002D59";
}
a:visited
{
font-weight: "bold";
color: "#002D59";
}
a:hover
{
font-weight: "bold";
color: "#2DA016";
}
</style>
</head>
<body>
*<table width="625" height="410.15625" border="0" align="center" valign="top" background="../../../menu images/background4.jpg">
* <tr>
* *<td valign="top">
* * <img src="menu images/leftside.gif" height="410.15625" width="187.5" align="left">
* * *<table height="410.15625" width="431.25" border="0" valign="top">
* * * <tr>
* * * *<td valign="top" height="">
* * * * <img src="menu images/logo.jpg" width="166.25" height="35.15625" align="right">
* * * *</td>
* * * </tr>
* * * <tr>
* * * *<td valign="top" align="center">
* * * * <p class="header">
* * * * *Welcome To Langstone Homes
* * * * </p>
* * * * <p class="text">
* * * * *Build Without Compromise<br><br>
* * * * *Nothing less than the highest standards will suffice at Langstone Homes. From choice of location
* * * * *to architecture through to interior design and choice of materials - at every step of the way, the
* * * * *people who run and work for Langstone Homes keep one thing clearly in mind: to build without compromise.
* *<br><br>
* * * * *<a href="main.php"></a>
* * * * *<a href="portal.php"></a>
* </p>
* * * * <br><br><br>
* * * * <p class="text">
* * * * *<a href="portal.php" onMouseOver="this.style.color='#2DA016'; window.status='Click Here To Enter'; return true" onMouseOut="this.style.color='#002D59'; window.status=''; return true">Click Here To Enter</a>
* * * * </p>
* * * *</td>
* * * </tr>
* * *</table>
* *</td>
* </tr>
*</table>
*<p class="text">
* ©Langstone Homes 2004
* *<br>
* Page resized in 0.22601 seconds
*</p>
*<p class="keywords">
* Langstone, new homes, quality, mark wallsgrove,
* mark@fightinglimits.co.uk, belwell place, sutton coldfield, stratford,
*</p>
</body>
</html>

Sorry its abit long but if u see it all you might be able to tell what my problem is.

Also when i load the page up and i us

smoky.hostmatrix.org/langstone (http://smoky.hostmatrix.org/langstone)

It wont load the page up correctly and my custom error page comes up. But when i use

smoky.hostmatrix.org/langstone/ (http://smoky.hostmatrix.org/langstone/)

it works fine.. (the difference is the one that works has a / on the end)

Anyone get any clues about these problems?
Thanks for any help give.. :)

undacuvabruva

12-19-2004, 10:22 PM

What's the problem?
I didn't understand the problem

shwaza

12-19-2004, 11:16 PM

erg, i know what you mean, in firefox, my site's content is all messed up, and my banner is too low :(

meow

12-20-2004, 01:48 AM

i've checked your site using different browsers i see something different in style but i don't really know what you meant. can u be more specific with your problem about the css? :)

i've got a few suggestions anyway:
dont use the font dotum because it's not that common, and not all browsers support it;
use px for the font size instead so that it'll look the same on different browsers and platforms;
you'd better use 'a:link' instead of just 'a', some browsers are stupid;
add a "" before "</style>". again, some browsers are really stupid =_=;
lastly... take those comment tags off! you don't need them there :P :P

chilipie

12-20-2004, 10:24 AM

Looks alright for me. Try adding a DOCTYPE - without it, FF might revert to quirks mode.

Smoky

12-20-2004, 02:48 PM

So when you guys look at it in IE it looks the same as in Firefox.... I have Firefox 1 and for some reason when i load up the page non of the text is formated correctly.

Why is this?

Also Chilipie what was you on about "DOCTYPE" whats that?

Cheers

chilipie

12-20-2004, 06:14 PM

Originally posted by Smoky@Dec 20 2004, 03:48 PM
Also Chilipie what was you on about "DOCTYPE" whats that?
18907

http://www.alistapart.com/articles/doctype/

reid315

12-20-2004, 06:53 PM

i dont understand... it works fine for me (FF 1.0/win, IE6.0/win) in both browsers.

Smoky

12-20-2004, 09:27 PM

Emm thats strange... So you guys say it works for you, but it doesnt work for me.! Can you disable CSS with firefox by any chance? Could this have happened to my browser?

Also i have the DOC tags

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">

But which one do i use? I guess by looking it the top one.
Can anyone show me a screen print of them looking at my site through firefox 1 for me pls...

Cheers

Smoky

12-20-2004, 09:56 PM

Hello...

When i use

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

I takes away all my CSS whats with that?

Smoky

12-20-2004, 10:53 PM

<html>
<head>


<script language='javascript' src='http://127.0.0.1:3010/js.cgi?pa&r=27753'></script>

<title>Welcome To Langstone Homes Web Site</title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
<meta name="distribution" content="Global">
<meta name="description" content="Langstone Homes Web Site. View all of our houses in full 3D action.">
<meta name="keywords" content="homes, langstone, belwell, sutton coldfield, mark wallsgrove">
<meta name="content-language" content="en">
<meta name="rating" content="Safe For Children">
<meta name="author" content="Mark Wallsgrove">
<meta name="reply-to" content="mark@fightinglimits.co.uk">
<meta http-equiv="reply-to" content="markwallsgrove@hotmail.com">
<meta name="copyright" content="Langstone Homes 2003">
<meta name="doc-rights" content="public">
<meta name="resource-type" content="Web Page">
<meta name="robots" content="index,follow,all">
<meta name="classification" content="Homes">

<style type="text/css">

</style>
</head>
<body>
<table width=1000 height=700 border=0 align="center" valign="top" background="../../../menu images/background.jpg">
<tr>
<td valign="top">
<img src="menu images/leftside.gif" height="700" width="300" align="left" alt="">
<table height="700" width="690" border="0" valign="top">
<tr>
<td valign="top" height="">
<img src="menu images/logo.jpg" width="266" height="60" align="right" alt="">
</td>
</tr>
<tr>
<td valign="top" align="center">
<p class="header">
Welcome To Langstone Homes
</p>
<p class="text">
Build Without Compromise<br><br>
Nothing less than the highest standards will suffice at Langstone Homes. From choice of location
to architecture through to interior design and choice of materials - at every step of the way, the
people who run and work for Langstone Homes keep one thing clearly in mind: to build without compromise.
<br><br>
<a href="main.php"></a>
<a href="portal.php"></a>
</p>
<br><br><br>
<p class="text">
<a href="portal.php" onMouseOver="this.style.color='#2DA016'; window.status='Click Here To Enter'; return true" onMouseOut="this.style.color='#002D59'; window.status=''; return true">Click Here To Enter</a>
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
<p class="text">
©Langstone Homes 2004
<br>
Page resized in 0.016457 seconds
</p>
<p class="keywords">
Langstone, new homes, quality, mark wallsgrove,
mark@fightinglimits.co.uk, belwell place, sutton coldfield, stratford,
</p>
</body>
</html>

<script language='javascript'>postamble();</script>

Hows my code looking?

reid315

12-21-2004, 12:52 AM

i say go for a doctype. it wont hurt!

Smoky

12-21-2004, 10:33 AM

Check it out:

Langstone (http://smoky.hostmatrix.org/langstone/)

It does hurt... It totally takes away all my css from the page..!
What have i done wrong?

meow

12-21-2004, 01:35 PM

i cant see anything wrong
just update your firefox i guess, then it should be alrite :)

Smoky

12-21-2004, 11:02 PM

Ok i will do tommow... But i believe that my IE is up to date so how come that doesnt display it? Also if it is causing trouble for me, how can i tell as a web page designer it isnt going to cause loads of other people trouble too.

I dont believe its the DOC tag that is causing the problem of Firefox not reading my CSS script.

Anyone up for a sugguestion?

Thanks for all your help tho..!