CSS-P page layout, or traditional Table?

[linton]

Hi,

I have a very basic site layout (2 columns with a header-banner and a menu footer).

I am learning CSS and my current site layout is:-

DIV "banner" (100% width), absolutely positioned - top of page
DIV "bottommenu" (100% width), absolutely positioned - bottom of page

DIV "leftsidemenu" (15% width), absolutely positioned - left side of page
DIV "content" (85% width), with text and photos all contained within one big table (sorry!, but I haven't got the hang of CSS-P yet )

I want to add a Logo or photo on the left hand side (and maybe change the photo for each page), and put it below the Banner but above the Left Menu, so that the SE finds my Content text before it finds the Left Menu text.

Would it be a better design if I
(a) put the Logo in it's own absolutely positioned DIV above the left menu? (In this case, would I be able to change the photo and add ALT-TAG text for each page?
(b) put everything (Left Menu, Logo and Content) in one big table? Then I could change the photo and ALT-TAG from within the <td> tags of the HTML?

Your thoughts and any of your own experiences would be welcomed.

Thanks,
Paul

[thehittmann]

what you want to do is doable im not totally sure about how to do your layout. I guess that is one you need to work out what looks best. This script may help you out as a starter.

<script LANGUAGE="JavaScript"><!--
document.write("<IMG SRC='side-pic" + Math.ceil(Math.random() * 6) + ".jpg' WIDTH=120 HEIGHT=323 BORDER=0>")//--></script>
<noscript><img src="side-pic4.jpg"></noscript>

adjust the number 6 to how many images you have and name them each upto that number file1,2,3,4,5,6 etc. and adjust the height and width to suit your images also.