/    Sign up×
Community /Pin to ProfileBookmark

Firefox problem

Copy linkTweet thisAlerts:
May 04.2008

I am in the process of teaching myself xhtml. When I preview my website in Safari, it displays with all of the styles applied. However, when I preview my site in Firefox, none of the styles seem to be applied to my pages. What could the problem be?

to post a comment
CSS

7 Comments(s) ↴

Copy linkTweet thisAlerts:
@CentauriMay 04.2008 — Would need to see the site or site code, but it sounds like a syntax error that Safari is probably ignoring.
Copy linkTweet thisAlerts:
@Lola8authorMay 04.2008 — The code for my homepage is:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<link /*rel="stylesheet" type="text/css" href="style.css" />

<meta name="generator" content="BBEdit 8.7" />


</head>

<body>

<div id="wrap">


<div id="header">
<p id="navbuttons">
<a href="index.html"class="current">home</a>
<a href="pages/artists.html">artists</a>
<a href="pages/writing.html">writing</a>
<a href="pages/about.html">about</a>
<a href="pages/links.html">links</a>
<a href="pages/contact.html">contact</a>
<a href="pages/listings.html">listings</a></p>

</div> <!-- end #header -->



<div id="main">

<div class="upnow">

<h1>up now...</h1>

<div class="table">

<table border="0" width="100%" cellpadding="10">

<tr>

<td width="50%" valign="top">

<p>Works by Sophie White...<p>

<div class="photo">
<p class="photo"><a
href="pages/artists.html"><img src="images/balconysophiewhite.jpg" alt="balconysophiewhite.jpg"/>

<td width="50%" valign="top">


<p><a href="http://daniilleidermannkiki.html/">Essay by Daniil Leidermann: <br/> "Living or Dead: Kiki Smith, the Abject and the Grotesque"


</tr>
</table>



</div> <!-- end #main -->




</div> <!-- end #wrap -->

</body>

</html>
Copy linkTweet thisAlerts:
@Lola8authorMay 04.2008 — and my style sheet looks like:


/* alignment ------------- */

body {margin:0;padding:0;}

#header {position:relative; top:-2.7em;}

#wrap {max-width: 900px;

min-width: 480px;

background:url(header_graphic.jpg) no-repeat;

width:90%;

margin:20px auto;

padding:30px 20px 0 0;

}


#navbuttons {position:relative;top:2.5em;left:14em}

/* index ------------- */

.upnow h1 {margin-left:100px; margin-top:70px;}

.table p {margin-left:135px; margin-top:25px;}

.photo img {left:7empx;position:relative; margin:20px;margin-top:0px;}

.photo img {border:none;}

/* artists ------------- */

#sidebar {position:relative;margin-left:75%;width:20%;background:red;padding:4px;align:top; border: 2px dashed black;}

.feature h1 {margin-left:100px;margin-top:70px;}

/* writing ------------- */

.essays {position:relative;margin-top:100px;margin-left:100px;}

.reviews {position:relative;margin-top:2em;margin-left:100px;}

/* links ------------- */

.links {text-align: center;margin-top:100px;postion:relative;}



/* text styles ------------- */

#navbuttons {font-family: "Futura", sans-serif; font-weight:lighter;right:-6em;font-size:14px;color:black;text-transform:uppercase;word-spacing:25px}

a:link {color:black;}

a:visited {color:black;}

a:active, a:focus, a:hover {color:red;}

a:hover.current {text-decoration:none;color:black;cursor:default}


/* index ------------- */


.upnow h1 {font-family: "Futura", sans-serif;font-weight:lighter;font-size: 14px;text-transform:uppercase;}

.table p {font-family: "Futura", sans-serif;font-weight:lighter;font-size: 14px; white-space:non-wrapping;}

/* artists ------------- */

.feature h1 {font-family: "Futura", sans-serif;font-weight:lighter;font-size: 14px;text-transform:uppercase;}


/* writing ------------- */

.essays h1 {font-family: "Futura", sans-serif;font-weight:lighter;font-size: 14px;text-transform:uppercase;}

.essays p {font-family: "Futura", sans-serif;font-weight:lighter;font-size: 14px;}

.reviews h1 {font-family: "Futura", sans-serif;font-weight:lighter;font-size: 14px;text-transform:uppercase;}

/* writing iframe ------------- */

.iframe {

position:relative;margin-left:75%;width:20px;align:top;

scrollbar-face-color:##FFFFFF;

scrollbar-shadow-color:#d7d7d7;

scrollbar-highlight-color:#d7d7d7;

scrollbar-3dlight-color:#d7d7d7;

Scrollbar-Darkshadow-Color:#d7d7d7;

scrollbar-arrow-color:#7a7a7a;

scrollbar-track-color:#FFFFFF;

}


/* links ------------- */

.links h1, h2 {font-family: "Futura", sans-serif;font-weight:lighter;font-size: 16px;text-transform:uppercase;}

.links p {font-family: "Futura", sans-serif;font-weight:lighter;font-size: 14px;}
Copy linkTweet thisAlerts:
@Lola8authorMay 04.2008 — Sorry, here is my home page...

I just began to teach myself html ca. 3 weeks ago so please bear with me!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<link /*rel="stylesheet" type="text/css" href="style.css" />

<meta name="generator" content="BBEdit 8.7" />


</head>

<body>

<div id="wrap">


<div id="header">
<p id="navbuttons">
<a href="index.html"class="current">home</a>
<a href="pages/artists.html">artists</a>
<a href="pages/writing.html">writing</a>
<a href="pages/about.html">about</a>
<a href="pages/links.html">links</a>
<a href="pages/contact.html">contact</a>
<a href="pages/listings.html">listings</a></p>

</div> <!-- end #header -->



<div id="main">

<div class="upnow">

<h1>up now...</h1>

<div class="table">

<table border="0" width="100%" cellpadding="10">

<tr>

<td width="50%" valign="top">

<p>Works by Sophie White...<p>

<div class="photo">
<p class="photo"><a
href="pages/artists.html"><img src="images/balconysophiewhite.jpg" alt="balconysophiewhite.jpg"/>

<td width="50%" valign="top">


<p><a href="http://daniilleidermannkiki.html/">Essay by Daniil Leidermann: <br/> "Living or Dead: Kiki Smith, the Abject and the Grotesque"


</tr>
</table>



</div> <!-- end #main -->




</div> <!-- end #wrap -->

</body>

</html>
Copy linkTweet thisAlerts:
@tracknutMay 04.2008 — <link [COLOR="Red"]/*[/COLOR]rel="stylesheet" type="text/css" href="style.css" />

What's that, the beginning of a comment, that includes the entire rest of your file? ?

Dave
Copy linkTweet thisAlerts:
@CentauriMay 04.2008 — It could be due to the syntax used to link the css file - what does the html code look like ? (eclose the posted code in the CODE tags available from the advanced reply - makes it easier to read).

OOps - should learn to refresh the page before posting. Dave's got it.
Copy linkTweet thisAlerts:
@Lola8authorMay 04.2008 — Thanks so much for your help, guys! That worked.
×

Success!

Help @Lola8 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.19,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...