Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Mar 2005
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Angry Firefox won't display div correctly!

    HI there. I'm having major troubles, and headaches, over a new layout I want for my website.

    Pure css gave me a nightmare so I decided to use PHP includes.
    Now, I've not had anything to do with PHP before, and rather than encode each piece by hand, I just made my headers, and footers, and renamed the content of each page whatever.php

    My test page shows up perfectly in IE, but there is only a small space for the menu in Firefox.
    I have tried everything from resizing divs, taking divs out, etc etc and nothing has worked.

    I want a site with no tables, and no frames that is cross-browser compatible.

    Test page is here:
    http://www.tehsheepie.com/test/donna.php

    css here:
    http://www.tehsheepie.com/test/stylesheet.css

    Header.php reads as such:

    <head>
    <link rel="stylesheet" type="text/css" href="stylesheet.css" />
    </head>
    <body>

    <div id="container">
    <div id="header"><img src="images/website/header.gif"></div>

    <div id="sidebar">
    <div id="sidestuff">
    <p>side content.. bla bla..<br />side content.. bla bla..<br />
    side content.. bla bla..<br />side content.. bla bla..<br />side content.. bla bla..<br /></p>

    </div>
    <div id="links">
    <p>
    <img src="images/website/site_button.gif">
    <br>
    <b><a href="faq.htm">faq?</a></b>
    <br>
    <b><a href="legal.htm">legal</a></b>
    <br>
    <b><a href="photos.htm">photos</a></b>
    <br>
    <b><a target="content"">credits</a></b>
    <br>
    <b><a href="me.htm">about me</a></b>
    <br>
    <b><a href="http://www.tehsheepie.com/cgi-bin/guestbook.cgi">guestbook</a></b>
    <br>
    <b><a href="contact_me.htm">contact me</a></b>
    <br>
    <b><a href="siteawards.htm">site awards</a></b>
    <br>
    <b><a target="_new" href="http://nonna.livejournal.com">my livejournal</a></b>
    <br>
    </b>
    <br>
    <img src="images/website/freem_button.gif"><br>
    <b>
    <b><a href="free_smilies.htm">free smiles</a></b>
    <br>
    <b><a href="sheep_crafts.htm">sheep crafts</a></b>
    <br>
    <b><a href="winaward.htm">win an award?</a></b>
    <br>
    <b><a href="sheep_blinkies.htm">sheep blinkies</a></b>
    <br>
    <b><a href="sheepo_layouts.htm">sheepo layouts</a></b>
    <br>
    <a href="babysheep.htm">adopt babysheep</a></b>
    <br>
    <b><a href="more_sheepo_goodies.htm">sheepo backgrounds</a></b>
    <br>
    <b><a href="adopt_sheepkaos.htm">adopt a sheepo kaos</a></b>
    <br>
    <b><a href="sheepo_goodies.htm">sheepo icons/avatars</a></b>
    <br>
    <b><a href="adopt_babykaos.htm">adopt baby sheepo kaos</a></b>
    <br>
    <b><a href="sheepo_neopets_shop_blogs.htm">sheepo neopet shop blogs</a></b>
    <br>
    <br>
    <img src="images/website/pixel_button.gif"><br>
    <b><a href="toybox.htm">toybox</a></b>
    <br>
    <b><a href="pixelpc.htm">pixel pc</a></b>
    <br>
    <b><a href="pillpals.htm">pill pals</a></b>
    <br>
    <a href="star_jar.htm">star jar</a></b>
    <br>
    <a href="qbee.htm">my quilt</a></b>
    <br>
    <a href="jar_heads.htm">jar heads</a></b>
    <br>
    <a href="pixelcam.htm">pixel cam</a></b>
    <br>
    <a href="pixeltrain.htm">pixel train</a></b>
    <br>
    <b><a href="pixelstamps.htm">pixel stamps</a></b>
    <br>
    <b><a href="pixel_lunch_box.htm">pixel lunchbox</a></b>
    <br>
    <b><a href="pixelpolaroids.html">pixel polaroids</a></b>
    <br>
    <br>
    <img src="images/website/laugh_button.gif">
    <br>
    <b><a href="sheep_books.htm">sheep books</a></b>
    <br>
    <b><a href="feng_sheepo.html>feng sheepo</a></b>
    <br>
    <b><a href="funny_baa_baa.htm">sheep jokes</a></b>
    <br>
    <b><a target="_new" href="http://www.artiztic.net/dance/nonna.htm">alina's sheep dance</a></b>
    <br>
    <b><a href="sheepish_friends.htm">my sheepish friends</a></b>
    <br>
    <b><a href="scavenger.htm">find the baby sheep!</a></b>
    </b><br>
    <br>
    <img src="images/website/readm_button.gif">
    <br>
    <b><a href="sheep_ponderings.htm">ponderings</a></b>
    <br>
    <b><a href="sheep.htm">why sheep?</a></b>
    <br>
    <b><a href="sheepo.htm">who's sheepo?</a></b>
    <br>
    <b><a href="sheepie_poems.htm">sheepy poems</a></b>
    <br>
    <b><a href="sheepy_recipes.htm">sheepy recipes</a></b>
    <br>
    <b><a href="secret_sheep.htm">tell me a sikrit</a></b>
    <br>
    <b><a href="sheepish_advice.htm">sheepish advice</a></b>
    <br>
    <b><a href="random_nonsense.htm">random nonsense</a></b>
    <br>
    <b><a href="dictionary_of_sheep.htm">dictionary of sheep</a></b>
    <br>
    <br>
    <img src="images/website/stuff_button.gif">
    <br>
    <b><a href="bbs.htm">bbs</a></b>
    <br>
    <b><a href="search.htm">search</a></b>
    <br>
    <b><a href="presents.htm">presents</a></b>
    <br>
    <b><a href="webrings.htm">webrings</a></b>
    <br>
    <b><a href="linkme.htm">link me?</a></b>
    <br>
    <b><a href="problems.htm">problems?</a></b>
    <br>
    <b><a href="layouts.htm">past layouts</a></b>
    <br>
    <b><a href="suggestions.htm">suggestions?</a></b>
    <br>
    <b><a href="joined_cliques.htm">joined cliques</a></b>
    <br>
    <b><a href="seasonalcheer.htm">seasonal cheer</a></b>
    <br>
    <b><a href="links.htm">links and affies</a></b>
    <br>
    <a href="joined_fanlistings.htm">joined fanlistings</a></b>
    </p>

    </div>
    </div>


    footer.php reads:

    <div id="footer"><font color="FFFFFF"><b>(c) tehsheepie</b></div>
    </div>

    I can not tell where the problem is. Any help would be gratefully accepted.

  • #2
    Senior Coder JamieR's Avatar
    Join Date
    Oct 2004
    Location
    United Kingdom
    Posts
    3,161
    Thanks
    0
    Thanked 5 Times in 5 Posts
    Erm I havent really looked through it much yet, but instead of (c) at the bottom, use &copy; instead.
    Also, your , code doesnt validate which could be a problem. I have seen invalid code causing display problems before.

    In fact, your markup is terrible. It doesn't have a doc type, character encoding or even a <html> tag at the top of the page. Correct and valid code is far easier to work on and debug.

    Firefox takes web standards into account far more than IEvil does....

    Jamie.

    btw, can you please put all your code in the brackets next time, that would make it easier to read
    Last edited by JamieR; 03-19-2005 at 11:51 AM.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •