FRIHOSTFORUMSFAQTOSBLOGSDIRECTORY
You are invited to Log in or Register a Frihost Account!

Site not displaying properly in FireFox

 


refinedruffian
I have made a site -->> http://phoenix.frih.net

This site looks perfect in IE but not in firefox.

Can anyone help me?? I think there is a small problem in the CSS file.
jabapyth
adding a simple
Code:
#container{
    height:650px;
}

to your css file should do the trick
flatliner
hey , Well I have developed alot of websites and in all, I ended up using 2 style sheets one for Firefox and one for IE , using a javascript detection script to chose which one to use. Its nice and it works fine.
jabapyth
flatliner wrote:
hey , Well I have developed alot of websites and in all, I ended up using 2 style sheets one for Firefox and one for IE , using a javascript detection script to chose which one to use. Its nice and it works fine.

That approach does break your site if js is turned off
imagefree
I checked your site in 3 different browsers Opera, Firefox, and IE.

for 800X600 screen resolution:
-----------------------------------
Opera and Firefox present this website in the same way, but not exactly as you want. There are problems all over tha page with almost all the contents.

IE starts displays the message area fromm where the page should end (message area starts when the news box ends)

for larger resolution:
------------------------
Just IE displays it well. The main container is a layer (i have checked the coding it is a layer, a div tag). I think what you have done is inserted a div tag and started including contents in it and the size of layer increased than the size u specified. You have to increase the size of layer as said in above post. It will overcome the problems in larger resolutions.


But the problem will still prevail in 800X600 monitors. If you give due importance to 800X600 users you have to make changes. But if you know that it has uers of larg screen monitors, its perfect.


I have not yet started learning PHP because i have some basic problems in start, if you solve those problems, i could give you conclusive answer.
cavey
I presume that the problem you are trying to solve, is that the container-div does not go around all the content. It ends right below the header.

The solution for this will work in all browsers. No need for making several css-files for each browsers:

At the bottom of the container-div, add the following tag: <br style="clear:both" />

This is the bottom of your HTML-code so you can see where to put it in:
Code:
      <table cellpadding=5>
      <tr><td width="110">26/4/2007</td><td>BIS Assigment.</td><td>more..</td></tr>
      <tr><td width="110">26/4/2007</td><td>Chapter 2 notes.</td><td>more..</td></tr>
      </table>
      </div>
<br style="clear:both" />
</div>
</body>
</html>
Reply to topic    Frihost Forum Index -> Scripting -> Html, CSS and Javascript

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2007 Frihost, forums powered by phpBB.