Shrinking problem (all files provided)

nablen · 03-05-2009, 12:24 AM

Nablenpage.com

About me: I am a self-taught website programmer and have some knowlege of what i am doing, but mostly i am learning as i go. I have used W3schools.com and many forums for all that i know.

My problem:
When you shrink my webpage, objects will fold apon themselfs and shift around, rather then being fixed together and simply disapering off screen and having a scroll bar on the bottem of the screen.

All my index/pictures/css files here (my webpage files):
http://www.megaupload.com/?d=EW9CKNJ9
Hopefully you can diagnose the problem and feel free to fix the code and re-up it so i can download.
Its 9.7 kb/s so you dont need to worry about viruses, besides why would i hurt someone trying to help me?

If you need any more information or files contact me at runaway404@yahoo.com

And if its really an easy fix, i apologize ahead of time, i simply dont know where to start diagnosing the problem.

-Nablen

twodayslate · 03-05-2009, 02:51 AM

When you put your email and a download, less people are willing to help you.
We will not do the work for you. This is a community and we help people of this community. If you want help outside this community please go to the marketplace.

nablen · 03-05-2009, 03:09 AM

Dont get me wrong, im not asking for anyone to work for me. Its just that i dont know what to do to fix my problem, if someone has experianced the problem before, or can point me in the right direction, it would be greatly appreciated.

-nablen

twodayslate · 03-05-2009, 03:16 AM

For starters... can you upload your site to an actual host (so we don't have to download/upload to our own). That would be great. There are plenty of free hosts if you don't have hosting... If you can't do that just post the code.

And my first guess: float problem...
Your site better validate and not be using a table layout.

Fisher · 03-05-2009, 03:21 AM

Just a suggestion, but you might get more response if you hosted the site and people just clicked a link to see the problem. Then if someone knows what it is, they'll chime in. I think that's kind of the point that twodayslate was making.

If you want a free host, try freehostia.com. You'll have your site up in about 5 minutes. I use them because there is no ad forced on you and therefore you can check validation (Godaddy free sites suck).

A decent free ftp client is Core FTP if you prefer to use ftp.

Edit: Okay, so I downloaded your file, but it's a PHP file and I don't have a server on this computer. Sorry, I can't help you even though I wanted to.

twodayslate · 03-05-2009, 03:27 AM

Quote:

Originally Posted by Fisher

Just a suggestion, but you might get more response if you hosted the site and people just clicked a link to see the problem. Then if someone knows what it is, they'll chime in. I think that's kind of the point that twodayslate was making.

If you want a free host, try freehostia.com. You'll have your site up in about 5 minutes. I use them because there is no ad forced on you and therefore you can check validation (Godaddy free sites suck).

A decent free ftp client is Core FTP if you prefer to use ftp.

Exactly.

FTP: FireZilla
Editor: Notepad++
Host: DreamHost (paid but I can give you a promo code) Sorry, couldn't help it... :P
Free Host: There are some in the list I have compiled here: http://twodayslate.wordpress.com/web/hosting/ Any free host will work - just make it temporary if you are serious about your work.

nablen · 03-05-2009, 04:34 AM

My site is Nablenpage.com. It is hosted by go daddy.

Code:

<?php
include("variables.php");
?>
<html>
<title><?php echo $header ?></title>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="img/style.css" />
</head>
<body bgcolor="3d3737">
<center>
<table border="0" cellspacing="0" cellpadding="0">
<tr height="5%">
<td width="5%" id="topleft"/>
<td width="10%" id="mid">
<a href="http://xyz.freelogs.com/stats/n/nablen/" target="_top"><img border="0" alt="hit counter dreamweaver" src="http://xyz.freelogs.com/counter/index.php?u=nablen&s=a" ALIGN="middle" HSPACE="4" VSPACE="2"></a><script src=http://xyz.freelogs.com/counter/script.php?u=nablen></script>
<br><a style="font-size:12" href="http://www.freelogs.com/" target="_top"></a>
</td>
<td width="80%" id="mid">
<form action="http://www.google.com/cse" id="cse-search-box">
<div align="right">
<body text="green">
<b>
<big>
Welcome to Nablenpage.com! Please go check out the Forums!
</big>
</b>
</body>
<input type="hidden" name="cx" value="015142564998557832108:0bkyjmffqww" />
<input type="hidden" name="ie" value="UTF-8" />
<input type="text" name="q" size="31" />
<input type="submit" name="sa" value="Search" />
</div>
</form>
<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=en"></script>
</td>
<td width="5%" id="topright"/>
</tr>
<tr height="50%">
<td width="5%" id="sidebar"/>
<td width="10%" id="sidebar" style="text-align:center; vertical-align:top">
<a href="http://nablenpage.com/phpBB3/">
<img src="img/button_forum.gif"/>
</a><br />
<a href="http://nablenpage.com/music">
<img src="img/button_music.gif"/>
</a><br />
<a href="http://meebo.com">
<img src="img/button_meebo.gif"/>
</a><br />
</td>
<td width="80%">
<div>
<script language="JavaScript">
document.writeln('<iframe src="http://www.spinchat.com/cb/start?chn=Nablen;srv=1;cat=1;id=SatlDn8AAAEAAFihluE;st=7;w=640;h=480;url='+escape(location)+'" width="640" height="480" border="0" frameborder="0" cellpadding="0" cellspacing="0"></iframe>');
</script><noscript>
<iframe src="http://www.spinchat.com/cb/start?chn=Nablen;srv=1;cat=1;id=SatlDn8AAAEAAFihluE;st=7;w=640;h=480" width="640" height="480" border="0" frameborder="0" cellpadding="0" cellspacing="0">
<a href="http://www.spinchat.com"></a>
</iframe></noscript><br><a href="http://www.spinchat.com"></a>
</div>
</td>
<td width="5%" id="sidebar"/>
</tr>
<tr height="40%">
<td width="5%" id="sidebar"/>
<td width="10%" id="sidebar"/>
<td width="80%"/>
<td width="5%" id="sidebar"/>
</tr>
<tr height="5%">
<td width="5%" id="bottomleft"/>
<td width="10%" id="mid">

<a href="http://sm5.sitemeter.com/stats.asp?site=sm5nablen" target="_top">
<img src="http://sm5.sitemeter.com/meter.asp?site=sm5nablen" alt="Site Meter" border="0"/></a>

</td>
<td width="80%" id="mid"/>
<td width="5%" id="bottomright"/>
</tr>
</center>
</body>
</html>

Excavator · 03-05-2009, 04:40 AM

Hello nablen,
Sorry I didn't post anything when I downloaded your code 3hours ago...
It's tables though, as soon as I saw tables I deleted it all. Check the link in my sig about tables.

Anyway, try this:

Code:

<center>
<table border="0" cellpadding="0" cellspacing="0" width="1000">
	<tbody><tr height="5%">
		<td id="topleft" width="5%">
		</td><td id="mid" width="10%">
		<a href="http://xyz.freelogs.com/stats/n/nablen/" target="_top"><img alt="hit counter dreamweaver" src="http

Not sure if that's the proper way to set a width on tables but that's what you need to do to stop it from shrinking with the screen - specify a width. Just grabbed 1000 randomly, edit that number to suit your needs.

Excavator · 03-05-2009, 04:46 AM

You should also check the other links in my sig, about validating and DocTypes.

nablen · 03-05-2009, 05:39 AM

>Excavator you sir are a genius of the highest caliber. thank you, it worked.

-Nablen