[SOLVED] Webpage not displaying properly in Firefox

Johnathan · #1 Dec 30th, 2007, 22:17

Hi all,

I have decided to create a website on my hobby of PC Television solutions. This basically grew from working at my dad's electrical store when I was younger.

I have managed to amend a site I got from OSWD and I think it looks okay. However when you try to view the site and the link in the first grey box, the pages do not display properly.

Please can anyone help me out with this regard as I am finding this all a bit frustrating ( was trying to resolve this until 3.00am yesterday but to no joy)

Would help if I posted the link to the site!

http://www.usbtvtuner.co.uk/
and http://www.usbtvtuner.co.uk/tvstick.htm

Thanks in advance. John.

Ed · #2 Dec 30th, 2007, 22:25

Hi John.

First of all, validate your site - you will find that most of your problems will be solved.
Validate your CSS also.

If the errors still appear after that - then repost and we'll be sure to help!

Thanks,
Ed

dab42pat · #3 Dec 30th, 2007, 22:28

Try changing your height to auto in .lbox, that might solve it in ff

Johnathan · #4 Dec 30th, 2007, 22:37

thanks for the response Dab. Unfourtunately that did not do the trick. Any other ideas? I just find it really odd that it looks okay in ie6 but for some reason does not do so in firefox.

Regards. John.

Ed · #5 Dec 30th, 2007, 22:40

dab42pat...we're trying to teach users better coding, shortcuts aren't the best way to do things.

Sure that might solve it, but then something else might go out out of line!
It's like dominoes, fix one problem, another one arises..usually.

If it's valid, we have a much better chance of helping you Johnathan, and not trying to figure out what is causing which problem.

Ed

Ed · #6 Dec 30th, 2007, 22:42

Johnathan - it's the way things work.

Firefox has much better coding standards so it's not like Firefox is at fault, it's you.

IE6 is just plain rubbish!

YOU MUST VALIDATE IT.

Ed

Johnathan · #7 Dec 30th, 2007, 23:24

Thanks Vivara for your prompt repsonses. I have added my site to the link you mentioned above and agree there are a few errors. However Vivrara the errors appear to be where I hav added a colour or bold to the page through Frontpage and not the CSS page.

I would be really grateful if you could take a look at it as I am no teckie( it took me 3-4 months to get where I am today)

Thanks in advice.
John.

MikeHopley · #8 Dec 31st, 2007, 00:18

Quote:

Originally Posted by Johnathan

However Vivrara the errors appear to be where I hav added a colour or bold to the page through Frontpage and not the CSS page.

Humour us. Fix the errors anyway, even if you don't believe they are causing a problem.

Lchad · #9 Dec 31st, 2007, 00:27

Yes I'll try to help!

add
overflow: hidden
to .lbox

Lchad · #10 Dec 31st, 2007, 00:33

Also noticed .lbox has a height of 178px. Take that out. That is probably restricting the box from becoming taller than 178px.

Johnathan · #11 Jan 1st, 2008, 21:47

Thanks Lchand and everyone for your help.

Firstly happy new to you all, those of you that live in London, hope you enjoyed the fireworks at the London eye - I know I did!

Lchad I have made the changes that you recommend and you will be pleased to hear they do work

Only thing now is the text on the page has changed font and also the page does not align up now in IE ( the greyt boxes).

Sorry to be a pain but any ideas? I really would love to resolve this myslef but am honest enough to admit I am no programmer and this type of stuff is not really my strong point.

Thanks in advance. John.

Ed · #12 Jan 1st, 2008, 22:41

Quote:

Originally Posted by Johnathan

[...] the changes that you recommend [...]
[...] they do work [...]

[...] now [...] the text on the page has changed font and also the page does not align up [...]

Oh...didn't I warn you. One thing fixes something, while something else messes up.

Let's see exactly what I said:

Quote:

Originally Posted by Vivara

[...] teach users better coding, shortcuts aren't the best way to do things.

Sure that might solve it, but then something else might go out out of line!
It's like dominoes, fix one problem, another one arises..usually. [...]

PLEASE fix your errors - it will display correctly ~~most~~ all of the time if you have no errors.

Some people never learn.

Ed

Johnathan · #13 Jan 1st, 2008, 22:47

Sorry Vivara,

Maybe I am in the wrong place as although I find it very hard to make sense of even basic coding. I think I am asking a bit too much from forum members here, so apolgies if this is to be the case.

Kind Regards. John.

Ed · #14 Jan 1st, 2008, 22:52

Okay..I'm too harsh. You're definitely not asking too much....I wanted to prove it to the "world" in general, and not just you.

Keep asking - but unless your code is valid you'll find the domino effect a lot.

Thanks,
Ed

dab42pat · #15 Jan 1st, 2008, 22:58

You have to start somewhere.

You have 35 errors in your html on your home page. If you wish I can take a look at them for you and try and explain what some of the errors mean.

Pat

Lchad · #16 Jan 1st, 2008, 23:29

The Good news:

The two changes we made yesterday wouldn't have any bearing on the problems of today.

The bad news:

You have a parse error in your css.
Take this out of your css (first line) and see if that corrects your font issue not displaying properly.

Code: Select all

0/* project: internet music template
   author: luka cvrk (www.solucija.com) */

That may correct the font and the font size. Which I "think" will correct your navigation issues. Your navigation maybe causing some of the problems since the font is huge. (running onto two lines instead of one)

See what that does and we can try to go from there.

dab42pat · #17 Jan 2nd, 2008, 00:13

I have validated your home page for you.

HTML: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 

1.0 Strict//EN" 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-str

ict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" 

xml:lang="en" lang="en">
<head>
    <meta name="author" content="Luka 

Cvrk (www.solucija.com)" />
    <meta http-equiv="content-type" 

content="text/html;charset=iso-8859-2" />
    <link rel="stylesheet" 

href="images/style.css" type="text/css" />
    <title>Internet Music</title>
</head>
<body>
    <div class="content">
        <div class="header_right">

            <div 

class="top_info">
                <div 

class="top_info_right">
                    

<p><b>You are not Logged in!</b> <a 

href="#">Log in</a>  or <a 

href="#">register</a> to start downloading 

music!</p>                    
                </div>        
            </div>
                    
            <div class="bar">

                <ul>
                    <li 

class="slogan">:</li>
                    

<li><a href="#">Links</a></li>
                    

<li><a href="#">FAQ's</a></li>
                    <li 

class="active">&nbsp;Online PC TV 

forum</li>
                    

<li><a href="#">Helpdesk</a></li>

                    

<li><a href="#">About us</a></li>
                
                </ul>
            </div>
        </div>
      <div class="logo" style="width: 

570; height: 82">
            <h1><a href="#" 

title="The best music on the 

net!">USBTVTUNER </a></h1>
            <p>independent 

review of PC TV</p>

      </div>
        
        <div class="search_field">
            <form method="post" 

action="?">
                

<p><b>Today's date: 30th December 

2007</b></p>
            </form>
        </div>
        
        <div class="newsletter">
            <p>Subscribe to my 

Newsletter!</p>

        </div>
        
        <div class="subheader">
            <p><a href="#">If 

you are looking to watch TV on your PC or 

laptop</a> 
             my website dedicated to my 

hobby of PC TV technology should hopefully  
            help you make the right choice. 

There are various options 
            currently available and it 

really depends on your particularly 
            requirements and circumstances 

as to the best option for your needs. 
            Regards. John.</p>
        </div>
        
        <div class="left">
            <div 

class="left_articles">
                <h2><a 

href="#">What are the best PC TV viewing 

solutions</a>?</h2>

                <p><a 

href="#">As I am not tied to any 

provider</a>, all my 
                reviews are as a result 

from my hobby and therefore totally 
                unbiased towards any single 

provider. As can be seen in all my 
                reviews I highlight the 

positives and negatives of each 
                solution.</p>
                <p>The 2 

main reviews below are my main favourites 

of the 
                currently available 

options. Further reviews of other 
                technologies, such as 

independently powered units can be found 
                on the right of the 

page.</p>
            </div>
                        
            <div 

class="lt"></div>
            <div class="lbox" 

style="width: 490; height: 202">
                <h2>USB 

Freeview TV Stick: <span 

class="yellow">&pound;15</span></h2>

                <div 

class="thumb" style="width: 193; height: 

248">
                    

&nbsp;<p>
                    <img  

src="../tn/tn_USB_DVB-T_Stick.jpg" 

alt="Play" width="160" height="154"/></p>
                    <p>
                    <img 

src="images/play.gif" alt="Play" width="9" 

height="9" /> 
                    USB Freeview TV Tuner 

with remote control</p>
                </div>
                    
                <p>Until 

recently to view high quality TV on a PC 

required a PCI          
                TV tuner card. Nowadays you 

can receive the same high quality Tv 
                signal from a tiny device, 

no bigger than a USb pen drive. </p>

                    
                <p>The 
                TV stick I recommend allows 

the viewing of all Freeview channels 
                ( including radio) and also 

comes complete with a annennta cable 
                for use in areas where the 

Tv signal may not be optimal. The 
                plug allows........... </p>
                    
                <p><a 

href="http://www.usbtvtuner.co.uk/tvstick.h

tm">&nbsp;To read the full review please 

click here</a></p>
            </div>

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
[SOLVED] Webpage not displaying properly in Firefox