Web Template/CSS Not Sizing Full Screen on Load

CouponGuy · #1 (**permalink**) 06-20-2006, 12:11 AM

I'm trying to start using CSS and Style Sheet pre-built (FREE) "templates" from a download. I figurted out the graphic "slices" and have started to convert the table elements to fit my graphic images. I'm using Dreamweaver MX to edit and compose additional Web page content. The problem is that when I load the new page in a browser (IE or NS) the web page doesn't size (width) to fill the screen. The previous page buit in Dreamweaver (however unattractive as it is) worked just fine and is the working Web page on the Net. The big difference between the first index page built and this new one is the new page has Cascading Style Sheets, templates and tables. I suspect it's something to do with the tables but not sure. I used to code web pages with notepad back in the old days but the java script and the conventions with the style sheets is very foreign to me. I can and have cut-and-pasted java into the page (restrict right-mouse click) to somewhat protect origional artwork.

Is there a chance somebody would be willing to look at this Web page I'm working on and see if you can find my error or if there's something missing to get this page to load "full screen (width)". I would be very greatful and once I know what's wrong I'll remember and learn what to do in the future.
BTW...the Web page is located at http://kfxm-memory-lane.batcave.net/web page template/html/index2.htm Thanks in advance for your help!

Leprakawn · #2 (**permalink**) 06-20-2006, 09:26 AM

Oops, looks like you may want to save this page as links.php!

<table border=0 cellspacing=0 cellpadding=0 width=100%>
<img src="gfx/trans.gif" width="3" height="5" class="hidden">
<br>
<body>

Change to:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<img src="gfx/trans.gif" width="3" height="5" class="hidden" />
<br />
<body style="margin: 0px auto;">

Just to "see" your table expand full screen, add a border to it:
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="border:1px solid #000;">

Leprakawn · #3 (**permalink**) 06-20-2006, 09:47 AM

Crap, I just realized the URL was incorrect!

Okay, here is the feedback for the correct URL!
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 ONLOAD="preloadImages();">

<body style="background-color:#fff; margin: 0px auto;" onload="preloadImages();"> not preloading anything at the moment though!
For all <img>, <br> and all non-closing tags, close them like this:

<img src="location/name.ext" title="something about this picture" />
<br />

It just occured to me that you want to make it full screen, but you are using sliced imgs. I think that means you will need to resize them, right?