css / div / php / firefox issues.
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, and that way have my site easier to overhaul each time I got bored.
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
(please don't point and laugh at me, I have no idea what I'm doing with 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>
(buttloads more links there, I edited them out)
</p>
</div>
</div>
I'm going to lose my mind soon, the whole idea of me forsaking my beloved frames layout was to become more user-friendly.
What the heck am I doing wrong? :(
Any suggestions are muchly appreciated.
I use Firefox myself, and I'd hate to have to force people to view my page in IE ...
Pure css gave me a nightmare so I decided to use PHP includes, and that way have my site easier to overhaul each time I got bored.
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
(please don't point and laugh at me, I have no idea what I'm doing with 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>
(buttloads more links there, I edited them out)
</p>
</div>
</div>
I'm going to lose my mind soon, the whole idea of me forsaking my beloved frames layout was to become more user-friendly.
What the heck am I doing wrong? :(
Any suggestions are muchly appreciated.
I use Firefox myself, and I'd hate to have to force people to view my page in IE ...
