tehsheepie
03-19-2005, 06:22 AM
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. :o
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. :o