Please login or register.

Login with username, password and session length
Advanced search  
Pages: 1 [2]

Author Topic: Huge problem with Mozilla  (Read 8842 times)

jackp

  • Newbie
  • *
  • Karma: 2
  • Posts: 32
  • But you said "Stick it there!!"
    • Tim Chard - myEmote
Re: Huge problem with Mozilla
« Reply #15 on: March 30, 2008, 02:24:17 PM »

I found the best way to learn html and css is to get a good template and pull it apart. See what happens and make changes as you need to. The advice to use firefox first is excellent.

I borrowed my template from http://www.kendahlin.com/

I made one image change and now it looks great. The beauty of Snews is that you throw out your CSS out and stick a new one in and in 5 seconds flat you have a completey new looking website.
Logged

Blookat

  • Newbie
  • *
  • Karma: 1
  • Posts: 5
Re: Huge problem with Mozilla
« Reply #16 on: September 01, 2008, 11:37:26 AM »

Alright, I'm having this exact same problem where firefox will just seem to completely ignore the css file while working perfectly in IE. Only difference is that I have no conditionals like he did for IE... It also seems to mess up my layout exactly when I put the <?php title(); ?> code into the head. Heres the basic coding for the index and the css, can anyone see a problem with it? Excuse my ignorance, I'm still just a newb at all of this. Any help would be great. This is all just locally hosted right now, so I dont really have a server you could use for any testing.
Index:
Code: [Select]
<?php session_start(); include('snews.php'); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<?php title(); ?>
    <meta name="Robots" content="index,follow" />
    <link rel="stylesheet" media="screen,projection" type="text/css" href="style.css" />

</head>
<body>

<div id="topbar">
<div class="content">
<div id="icons">
<a href="/index.php" title="Home page"><img src="images/home.gif" alt="Home" /></a>
<a href="/contact/" title="Contact us"><img src="images/contact.gif" alt="Contact" /></a>
<a href="/sitemap/" title="Sitemap"><img src="images/sitemap.gif" alt="Sitemap" /></a>
</div>
<div class="url"></div>
</div>
</div>

<div id="top">
<div class="content">
<div id="menu">
<ul>
<li><a class="current" href="#" title="home"><span>HOME</span></a></li>
<li><a href="#" title="Articles"><span>ARTICLES</span></a></li>
<li><a href="#" title="Gallery"><span>GALLERY</span></a></li>
<li><a href="#" title="Affiliates"><span>AFFILIATES</span></a></li>
<li><a href="#" title="Articles"><span>ARTICLES</span></a></li>
<li><a href="#" title="Abous us"><span>ABOUTS US</span></a></li>
<li><a href="#" title="Contact"><span>CONTACT</span></a></li>
</ul>
</div>
<h1>Blookat</h1>
<h2>Some fancy shit here.</h2>
</div>
</div>


<div class="content">
<div id="main">
<div class="right_side">
<div class="pad">
<h3>New stuff</h3>
  <p>&nbsp;</p>
<h3>Last Articles:</h3>
<ul><li></li>
</ul>
<h3>RSS Feed:</h3>
                <ul><?php rss_links(); ?></ul>
</div>
</div>


<div class="right_side">
<div class="pad">
<h3>Categories:</h3>
               <ul><?php pages(); ?></ul>
<h3>Directory</h3>
<p>&nbsp;</p>
<h3>Stuff</h3>
<p>&nbsp;</p>
<h3>Search</h3>
<p>&nbsp;</p>
<h3>Open</h3>
<p>&nbsp;</p>
</div>
</div>

<div id="left_side">
<div class="intro">
  </div>
<div class="mpart">
            <ul><?php center(); ?></ul>
  </div>
</div>
</div>
<div id="footer">
  <div class="right">&copy; Copyright 2008<br/>
  </div>
      <?php login_link(); ?>
</div>
</div>
</body>
</html>
Css file:
Code: [Select]
body {
padding : 0;
margin : 0;
font : 0.74em Arial, sans-serif;
line-height : 1.5em;
background : #393939;
color : #fff;
}
a {
color : #d0eb55;
background : inherit;
text-decoration : none;
}
a:hover {
color : #d0eb55;
background : inherit;
text-decoration : underline;
}
p {
margin : 5px 0;
}
h1 {
font : bold 1.8em Arial, Sans-Serif;
padding : 8px 0 4px 0;
margin : 0;
letter-spacing : -1px;
}
h2 {
font : bold 1.6em Arial, Sans-Serif;
letter-spacing : -1px;
}
h3 {
padding : 4px 0;
margin : 0;
}
ul {
margin : 0;
padding : 0;
list-style : none;
}
img {
border : 0;
}
hr {
height : 1px;
border-style : none;
color : #d0d0d0;
background-color : #c0c0c0;
margin : 10px 0;
}
ol {
padding : 0;
margin : 0;
}
.code {
padding : 3px 5px 3px 35px;
border : 1px solid #666;
list-style-type : decimal-leading-zero;
font-family : Courier;
}
.code code {
font-family : Monaco, "Courier New", Tahoma;
font-size : 1.2em;
}
.code li {
margin : 2px 0;
padding : 0 5px;
background : #333;
}
.code li.t1 {
padding-left : 4ex;
}
.code li.t2 {
padding-left : 8ex;
}
.code li.t3 {
padding-left : 12ex;
}
.code li.t4 {
padding-left : 16ex;
}
.code li.t5 {
padding-left : 20ex;
}
.code li.t6 {
padding-left : 24ex;
}
.code li.t7 {
padding-left : 28ex;
}
.code li.t8 {
padding-left : 32ex;
}
.content {
margin : 0 auto;
width : 1000px;
}
#topbar {
height : 35px;
background : #212121;
width : 100%;
}
#topbar #icons {
float : right;
margin : 10px 0 0;
padding : 0;
}
#topbar #icons img {
padding-right : 4px;
border : 0;
}
.url {
padding : 10px 0;
}
.url a {
color : #454545;
text-decoration : none;
}
.url a:hover {
color : #fff;
}
#top {
padding-top : 0;
background : #3d3d3b url(images/topbg.gif) repeat-x;
height : 85px;
margin-bottom : 25px;
}
#top h1 {
font : bold 2.6em Arial, Sans-Serif;
padding : 20px 0 0 0;
margin : 0;
letter-spacing : 1px;
color : #d0eb55;
}
#top a:hover {
text-decoration : none;
}
#top h2 {
font : 0.9em Arial, Sans-Serif;
letter-spacing : 0;
color : #868686;
margin : 0;
padding : 0;
}
#menu {
float : right;
height : 23px;
margin-top : 35px;
}
#menu a {
color : #fff;
background : inherit;
text-decoration : none;
padding-left : 10px;
line-height : 23px;
font-weight : bold;
}
#menu a span {
padding-right : 10px;
}
#menu a, #menu a span {
display : block;
float : left;
}
#menu a:hover, #menu .current {
color : #fff;
background : #a9bc52 url(images/tabl.gif) no-repeat left top;
padding-left : 10px;
height : 23px;
}
#menu a:hover span, #menu .current span {
background : url(images/tabr.gif) no-repeat right top;
padding-right : 10px;
height : 23px;
cursor : pointer;
}
#menu ul {
list-style : none;
padding : 0;
margin : 0;
}
#menu li {
float : left;
margin : 0 0 0 5px;
}
#main {
width : 1000px;
margin : 0;
padding : 0;
}
.right_side {
float : right;
width : 202px;
background : inherit;
overflow : hidden;
}
.right_side .pad {
padding : 0 0 10px 17px;
}
.right_side p {
padding : 0 0 5px 5px;
}
.right_side ul {
padding : 3px 0 12px 5px;
}
.right_side li {
line-height : 18px;
background : inherit;
list-style : square;
padding-left : 0px;
margin-left : 17px;
color : #b4e04a;
}
.right_side a {
background : inherit;
text-decoration : none;
}
.right_side a:hover {
text-decoration : underline;
}
.right_side h3 {
color : #eee;
font : bold 1.2em Arial, Sans-Serif;
background : url(images/rmenuhead.gif) no-repeat top;
width : 202px;
height : 30px;
padding-top : 7px;
text-indent : 10px;
}
#left_side {
background : inherit;
margin-bottom : 10px;
width : 590px;
}
#left_side .intro {
background : #414141;
color : #fff;
}
#left_side .intro .pad {
padding : 10px;
}
#left_side .intro a {
color : #b4e04a;
text-decoration : none;
}
#left_side .intro a:hover {
color : #cdff56;
text-decoration : underline;
}
#left_side .mpart {
padding : 20px 0 0 0;
}
#left_side h2 {
background : inherit;
padding : 0;
margin : 0;
font : 1.8em verdana, Arial, Sans-Serif;
}
#left_side .mpart h3 {
background : inherit;
padding : 0;
margin : 0 0 15px 0;
font : 0.9em verdana, Arial, Sans-Serif;
color : #a5a5a5;
}
#left_side p {
color : #e7e7e7;
padding : 0;
text-align : justify;
}
#left_side img {
float : left;
padding : 0 10px 5px 0;
}
#left_side blockquote {
padding-left : 10px;
border-left : 3px solid #a7cc44;
margin : 10px 0 10px 25px;
}
.date {
padding : 7px 35px 0 0;
margin : 10px 0 25px 0;
text-align : right;
background : url(images/commentb.gif) no-repeat top right;
height : 32px;
}
.date a {
font : bold 1.2em Arial, Sans-Serif;
color : #a9bc52;
background : transparent;
}
#left_side .rs {
float : right;
margin : 0 0 0 10px;
border : 1px solid #888;
padding : 5px;
background : inherit;
}
#left_side ul {
list-style-position : inside;
margin-left : 2px;
}
#left_side ul li {
list-style-type : square;
margin-left : 15px;
}
#left_side ul ul li {
list-style : none;
margin-left : 10px;
list-style-type : lower-alpha;
list-style-position : inside;
}
#left_side .greybox {
border : 1px solid #ccc;
background : #f5f5f5;
width : 628px;
padding : 10px;
}
#footer {
clear : both;
width : 1000px;
margin : 0 0 6em 0;
padding-top : 5px;
color : #777;
border-top : 1px solid #444;
background : inherit;
}
#footer .right {
float : right;
}
#footer a {
text-decoration : none;
background : inherit;
}
Logged

Joost

  • Guest
Re: Huge problem with Mozilla
« Reply #17 on: September 01, 2008, 12:20:17 PM »

Welcome to sNews, Blookat. :)

If FF ignores the css completely, it might not know where to find the stylesheet
Function title also produces "base href", which gives the browser a starting point to look for additional files. Something like:

<base href="http://localhost/snooze/" />

Make sure, it points to the right directory.
Logged

Blookat

  • Newbie
  • *
  • Karma: 1
  • Posts: 5
Re: Huge problem with Mozilla
« Reply #18 on: September 01, 2008, 12:35:41 PM »

Well, that seemed to work to allow it to load in the layout and css code. Although, a new problem poped up with it now... When I try to click on a link that is supposed to be produced by snews in firefox I get a Address Not Found error. I looked at the url and it was trying to go to http://localhost\/insertpathhere/ using the \ as a path after the localhost... I'm not too sure whats going on there. This is being hosted on a windows machine with apache, but I dont see why it would try to use the backslash... Again, this problem seems to only happen in firefox. IE is working flawlessly.
« Last Edit: September 01, 2008, 12:38:47 PM by Blookat »
Logged

jlhaslip

  • Sr. Member
  • ****
  • Karma: 16
  • Posts: 374
    • My snews with AEF Forum site
Re: Huge problem with Mozilla
« Reply #19 on: September 01, 2008, 03:11:37 PM »

post your .htaccess file, please. Is mod_rewrite enabled? How did you install Apache on localhost? XAMPP or WAMP?
Logged
Yes! I have no siggy.

Blookat

  • Newbie
  • *
  • Karma: 1
  • Posts: 5
Re: Huge problem with Mozilla
« Reply #20 on: September 01, 2008, 03:29:19 PM »

I didn't use any program to install apache, php, pearl and mysql. I manually installed them and configured them myself. Yes, I have mod_rewrite enabled by the way. If I didnt, there would be no way in hell it would work in IE.

Edit: ah, I just figured it out. Since I had the files in my base directory I thought I didn't need to use the RewriteBase command, so I left it commented out. I just tried to uncomment it and set it as "RewriteBase /" and it fixed it up nice.

Anyway, thanks for all the help guys. You really helped out a lot. Sorry for bothering you with my newbie questions.
« Last Edit: September 02, 2008, 03:43:50 AM by Blookat »
Logged

jlhaslip

  • Sr. Member
  • ****
  • Karma: 16
  • Posts: 374
    • My snews with AEF Forum site
Re: Huge problem with Mozilla
« Reply #21 on: September 02, 2008, 04:02:09 AM »

All the Experts here (self not in that group) started out the same as you and I.

Lost and bewildered...

 ;D
Logged
Yes! I have no siggy.
Pages: 1 [2]