I'm using CSS on a new intranet i'm making, and so far it's been working really well. However, i'm having a few problems with my picture browsing / uploading directories.
When a user uploads a picture, i'm using PHP to resize the image and display a thumbnail. However, the CSS seems to be going a bit screwy - sometimes it's okay, sometimes it's all over the shop, as hopefully the image i've attached will show. The html is being generated okay, with <h1>giving me the title bar and <div id="subsection"> doing the grey background bit okay. This is the HTML that's generated for the page in the picture
<h1>Viewing Directory 83</h1>
<a href='#' onClick="window.open('83/PICT0004.JPG', 'Image', 'toolbar=0 scrollbars=1 resizable=1');"
<img src='makeimage.php?file=PICT0004.JPG&directory=83' class='boximage'
<h1>Upload additional files</h1>
<p>Upload this file:</p>
<form enctype="multipart/form-data" action="viewphotos.php" method=post>
<input name="userfile" type="file" size='40'></p><p>
<input name="directory" type="hidden" value="83">
<input name="upload" type="hidden" value="1">
<input name="createdir" type="hidden" value="0">
<input type="submit" value="Upload photo">
So there's only one div for each bit etc - so why are there additional lines and boxes over the place? Could it be something to do with because the images are auto generated it doesnt know how big they're going to be? Or is it an IE 6 thing that i can get a patch for somewhere?
Please help - I dont want to question my new found love and belief for CSS!