Please login or register.

Login with username, password and session length
Advanced search  

News:

Latest sNews - sNews 1.7 - with its own forums - for discussion and user mods.

Pages: [1] 2

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

sjuesju

  • Newbie
  • *
  • Karma: 0
  • Posts: 23
Huge problem with Mozilla
« on: March 22, 2008, 01:49:07 AM »

Hello everyone :) very nice to have you here for support. I hope as i study hard i can be useful after some time. :)
I use snews 1.6 MESU package and everything is working perfectly, I made my own template and i like it very much on internet explorer, but when i check it on mozilla it was terrible. Almost nothing of my css is not working corectly. Can you help me?
I search on the net for simular problems but i found only information in general.
Thank you in advance :)
Logged

Joost

  • Guest
Re: Huge problem with Mozilla
« Reply #1 on: March 22, 2008, 02:05:49 AM »

To solve specific issues, you will to explain what problem(s) you encounter. Even better: Show what you've got so far.

A general advice: Design in FF, after doing that first, solve the issues for IE. Not the other way around.
Logged

sjuesju

  • Newbie
  • *
  • Karma: 0
  • Posts: 23
Re: Huge problem with Mozilla
« Reply #2 on: March 22, 2008, 02:45:41 AM »

This is my index file:

Code: [Select]

<!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">
<head>
<?php title(); ?>
<meta name="Robots" content="index,follow" />
<meta name="Generator" content="Modular sNews 1.6" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<link rel="stylesheet" type="text/css" href="templates/siv/css/twoColElsLtHdr.css" media="screen" />
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="cal/style.css" />

<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="rss-articles/" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="rss-pages/" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="rss-comments/" />
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script><!--[if IE]>
 
</head>

<body class="twoColElsLtHdr">

<div id="container">
  <div id="header">
    <h1><a href="../index.php">Betsurf.org</a></h1>
 </div>
  <div id="sidebar1">
<?php calscript(); ?>
    <ul> <?php categories(); ?> </ul>
  </div>
  <div id="mainContent">
<h4>England 1st division</h4>
    <?php center(); ?>
</div>
<br class="clearfloat" />
   <div id="footer">
   
<hr />
   
    <p>Powered by <a href="http://snews.solucija.com/" title="Single file CMS">sNews</a> &middot; <?php login_link(); ?> <?php breadcrumbs(); ?>  </p>
    </div>
   <!-- end #container --></div>
</body>
</html>

« Last Edit: March 22, 2008, 03:45:40 PM by Keyrocks »
Logged

sjuesju

  • Newbie
  • *
  • Karma: 0
  • Posts: 23
Re: Huge problem with Mozilla
« Reply #3 on: March 22, 2008, 02:46:27 AM »

css:
Code: [Select]

@charset "utf-8";
body  {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
}
ul {  padding: 10px; margin: 0 0 10px;}
li { list-style-type: none;padding-bottom:10px; }
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
color: #000000;
text-decoration: none;
}
h4 {
font-size: 34px;
color: #777777;
text-align: center;
}
#mainContent img {
float: right;
padding-left: 10px;
}


.twoColElsLtHdr #container {
width: 80%; 
background: #f9f9f9; /* the auto margins (in conjunction with a width) center the page */
border: 1px solid #000000;
text-align: left;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
.twoColElsLtHdr #header {
padding: 0 20px; 
background-color: #999999;
}
.twoColElsLtHdr #header h1 {
margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.twoColElsLtHdr #sidebar1 {
float: left;
width: 300px;
background: #EBEBEB;
padding: 5px 0;
padding-left: 0 px;
height: 500px;
overflow: auto;
}
.twoColElsLtHdr #sidebar1 h3, .twoColElsLtHdr #sidebar1 p {
margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
margin-right: 10px;
}


.twoColElsLtHdr #mainContent {
font-size: 12px;
margin: 0 1.5em 0 10.5em;
padding: 20px 0;
padding-left: 20px;
padding-right: 20px;
height: 500px;
background:#eeeeee
overflow: auto;
}
.twoColElsLtHdr #mainContent h2 {
text-align: center;
}
.twoColElsLtHdr #footer {
padding: 10px 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
background:#999999;
text-align: center;
}
.twoColElsLtHdr #footer p {
margin: 0;
padding: 10px 0;
text-align: left
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* SNEWS */
fieldset { border: 1px solid #ccc; padding: 10px 8px; margin: 0 0 8px 0; background: #E6FFE4; color: #000; }
input { padding: 3px; margin: 0; }
textarea { width: 97%; height: 20em; padding: 3px;}
input.search { border: 1px solid #ccc; padding: 4px; width: 160px; }
.comment { background: #eee; color: #808080; padding: 10px; margin: 0 0 10px 0; border-top: 1px solid #ccc; }
.commentsbox { background: #E8FFD9; color: #808080; padding: 10px; margin: 0 0 10px 0; border-top: 1px solid #ccc; }

« Last Edit: March 22, 2008, 03:46:40 PM by Keyrocks »
Logged

sjuesju

  • Newbie
  • *
  • Karma: 0
  • Posts: 23
Re: Huge problem with Mozilla
« Reply #4 on: March 22, 2008, 02:50:19 AM »

The problem is that everything is ruined with css file in mozilla there is no order, no color nothing i assumed i have made some huge mystake or something
Logged

Fred K

  • Still trying to learn stuff
  • ULTIMATE member
  • ******
  • Karma: 130
  • Posts: 2728
    • Personal
Re: Huge problem with Mozilla
« Reply #5 on: March 22, 2008, 09:32:43 AM »

This is my index file
<!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">
<head>
...
<script type="text/javascript" src="js/lightbox.js"></script><!--[if IE]> <-- Remove this conditional start tag, (or close it before the <body> begins...)

Removing, or closing, the IE conditional highlighted above should fix FF, and other non-IE browsers. ;)
Logged

Nicu Alecu

  • Full Member
  • ***
  • Karma: 12
  • Posts: 224
    • BLUEBYTE.ro // IT consultant
Re: Huge problem with Mozilla
« Reply #6 on: March 22, 2008, 09:36:13 AM »

A link for live testing would be nice, sjuesju.
Logged

sjuesju

  • Newbie
  • *
  • Karma: 0
  • Posts: 23
Re: Huge problem with Mozilla
« Reply #7 on: March 22, 2008, 09:40:19 AM »

sorry i am really new in this. I started with basic html 40 days ago and i don't know how to send you a testing link the url of the site is http://www.betsurf.org but just give me 10 minutes to make the first link database
Logged

Nicu Alecu

  • Full Member
  • ***
  • Karma: 12
  • Posts: 224
    • BLUEBYTE.ro // IT consultant
Re: Huge problem with Mozilla
« Reply #8 on: March 22, 2008, 09:56:15 AM »

They look pretty much the same to me, in both Firefox and IE6.
Maybe I should mention that I'm on Linux, too.

Here are some html coding issues:
Result: 0 errors / 6 warnings


line 41 column 9 - Warning: <embed> is not approved by W3C
line 46 column 8 - Warning: <img> element not empty or not closed
line 46 column 8 - Warning: <img> lacks "alt" attribute
line 47 column 8 - Warning: <img> lacks "alt" attribute
line 48 column 8 - Warning: <img> lacks "alt" attribute
line 86 column 5 - Warning: trimming empty <p>
Info: Doctype given is "-//W3C//DTD XHTML 1.0 Transitional//EN"
Info: Document content looks like HTML Proprietary

Not to worry about the <embed> thinggie but the rest are pretty easy to correct.
Logged

sjuesju

  • Newbie
  • *
  • Karma: 0
  • Posts: 23
Re: Huge problem with Mozilla
« Reply #9 on: March 22, 2008, 10:01:43 AM »

Actually this is mine main page i had problem with it too but i almost fixed them. The problem is huge in the databases i will put them with the links in the two main central column. Sorry about the wasting of time. I will be ready with the first database and i will write you right away :) Thank you very much for helping me :)
Logged

Nicu Alecu

  • Full Member
  • ***
  • Karma: 12
  • Posts: 224
    • BLUEBYTE.ro // IT consultant
Re: Huge problem with Mozilla
« Reply #10 on: March 22, 2008, 10:11:24 AM »

OK, no problem.
Logged

sjuesju

  • Newbie
  • *
  • Karma: 0
  • Posts: 23
Re: Huge problem with Mozilla
« Reply #11 on: March 23, 2008, 04:17:05 AM »

Hello everyone :)
I finally got my first database and it is on web in address http://betsurf.org/premier/index.php. In the IE looks exactly as i want to, but in Mozilla ia very VERY bad :) Can you help me to fix the problem.
Really thank you in advance and best wishes :)
Logged

Joost

  • Guest
Re: Huge problem with Mozilla
« Reply #12 on: March 23, 2008, 04:30:38 AM »

Read this. It is good advice
Logged

sjuesju

  • Newbie
  • *
  • Karma: 0
  • Posts: 23
Re: Huge problem with Mozilla
« Reply #13 on: March 23, 2008, 04:53:20 AM »

Thank you It works! I should just fix some padding :)
Can I ask you something more. Because this is my first web page do you think it is good enough to be in the web? Of course with better banners ( i haven't learned how to make them yet).
Logged

Joost

  • Guest
Re: Huge problem with Mozilla
« Reply #14 on: March 23, 2008, 05:28:09 AM »

Nothing to be ashamed of sjuesju,  It is a lot of work and study to built your own design. I admire that.
We all learn the tricks of html, css and all the different browser out there, as we go. I am sure, that within a few months, we will see a remarkable result!

So keep going. :)

Logged
Pages: [1] 2