View Full Version : BottomMargin=0 is not working.

09-23-2006, 01:12 PM
Ok.. So I've read that everyone is pretty much against tables here.. We'll if someone would be kind enough to help me out with my problem they are going to see a lot of em.. My website is infested with them...

But here is my problem. http://6oz.karmassault.net/3.php

Problem number 1: I've used bottom-margin=0 and My website does not reach to the bottom of the page.. There's a huge gap of nothing. I'm using firefox.. there is nothing that should be stopping it.. At first I thought a broken end tag.. But I can't find one..

Problem number 2: on the right of the page there is a table consisting of table with 7 rows, 3 columns starting with the Quick Contact image.. at the very bottom under the Members image is a td with a background image set to 100% height and then 2 empy td's... the background doesn't stretch to the bottom



<title>sixounce version 3::: oh snap, we back!</title>

<style type="text/css">
{ text-decoration: none; color:#FFFFFF; }
{ text-decoration: none; color:#FFFFFF; }
{ text-decoration: none; color:#FFFFFF; }
{ text-decoration: underline; color:#278CC6; }
{ text-decoration: none; color:#000000; }
{ text-decoration: none; color:#000000; }
{ text-decoration: none; color:#000000; }
{ text-decoration: underline; color:#FFFFFF; }
input.pimp {font-family:tahoma; border-color:black; width:80px; background-color:#456D84; border-width:1px; font-size:10px; border:1; }


<body background="images/background.gif" margin=0 topmargin=0 bottommargin=0>

<table border=0 cellspacing="0" cellpadding="0" height="100%" width="694" align="center" bgcolor="#000000" valign=top>

<table border=0 cellspacing="0" cellpadding="0" height="100%" width="677" align="center" bgcolor="#000000" valign=top>
<tr valign=top><td align="center" valign="top" colspan=3><img src="images/header.jpg" width="677" height="73"></td></tr>
<tr valign=top><td align="center" valign="top" colspan=3><img src="images/headerfeet.jpg" width="677" height="46"></td></tr>
<tr valign=top><td width="101" valign=top align=left><img src="images/navigation.jpg">

<font face=tahoma style="font-size:10px;" color=white>
<a href="" class=chocolate>Home</a><br>
<a href="" class=chocolate>About Us</a><br>
<a href="" class=chocolate>News</a><br>

<a href="" class=chocolate>Articles</a><br>
<a href="" class=chocolate>Google</a><br>
<a href="" class=chocolate>Pictures</a><br>
<a href="" class=chocolate>Movies</a><br>
<a href="" class=chocolate>Games</a><br>
<a href="" class=chocolate>How-tos</a><br>
<a href="" class=chocolate>Illusions</a><br>
<a href="" class=chocolate>Quotes</a><br>
<a href="" class=chocolate>Interesting Thoughts</a><br>

<a href="" class=chocolate>Misc</a><br>
<a href="" class=chocolate>Portfolio</a><br>
<a href="" class=chocolate>Layouts</a><br>
<a href="" class=chocolate>T-shirts</a><br>
<a href="" class=chocolate>Forums</a><br>
<a href="" class=chocolate>License Plates</a><br>
<a href="" class=chocolate>Submit a Link</a><br>
<a href="" class=chocolate>Affiliates</a><br>
<a href="" class=chocolate>Contact Us</a><br>


<img src="images/quickie.jpg"><br><br><br><br><br><br><img src="images/friends.jpg">

<td valign=top align=center>
<table border=0 cellspacing=0 cellpadding=0 width=415>
<tr><td valign=top bgcolor="456D84"><img src="images/contenttop.jpg"></td></tr></table>

<table border=0 cellspacing=0 cellpadding=0 width=415 height=100%>
<tr><td valign=top bgcolor="456D84" align=center>

<table border=0 cellspacing=0 cellpadding=0 width=403 height=100%><tr><td valign=top>

<font face=tahoma size=1 color=black>
<b>New Server</b><br>
September 21, 2006 - 3:21:32 AM<br>
0<a href="#" onclick="window.open('http://6oz.karmassault.net/cutenews/show_news.php?subaction=showcomments&amp;template=version3&amp;id=1158824492&amp;archive=&amp;start_from=&amp;ucat=', '_News', 'HEIGHT=400,WIDTH=650,resizable=yes,scrollbars=yes');return false;"> Comments</a><br><br>
To everyone that this concerns, which probably just my fellow website owners.. I got a little bored and decided to do a new layout to follow up the new server. Welp, before I started my fellow webmaster, Scoob, told me that If i did this **** again that he would not help me until the coding to the layout was finished.. We'll, it's taking a little bit longer and im a little more problems than I originally predicted. Meh oh well I'll figure it out.. So this post is actually just a test because I can't get the damned news script to work right! Grrrrr!!! And somone *ahem*scoob*ahem* will refuse to help... /me hopes he reads this and feels sympathy on my indecisive mind!
</font><br><hr size=1 color="#000000" width=50%><br>
<font face=tahoma size=1 color=black>
<b>what's happenin</b><br>

September 11, 2006 - 6:11:56 PM<br>
0<a href="#" onclick="window.open('http://6oz.karmassault.net/cutenews/show_news.php?subaction=showcomments&amp;template=version3&amp;id=1158013136&amp;archive=&amp;start_from=&amp;ucat=', '_News', 'HEIGHT=400,WIDTH=650,resizable=yes,scrollbars=yes');return false;"> Comments</a><br><br>
What's up everyone, i am Rubix. i have been slow to post since i dont have an official avatar yet, however i resized one from other forums i visit. I have been out of the website scene for quite some time and have been wanting to get back in. Ive known scoob and snizk for some time, weve been site offiliates since way back in the day. <br /><br />by the way, e/n means everything/nothing i believe <img style="border: none;" alt="tongue" src="http://6oz.karmassault.net/cutenews/data/emoticons/tongue.gif" />
</font><br><hr size=1 color="#000000" width=50%><br>
<font face=tahoma size=1 color=black>
<b>Weekend Rant. </b><br>

September 11, 2006 - 12:11:25 PM<br>
0<a href="#" onclick="window.open('http://6oz.karmassault.net/cutenews/show_news.php?subaction=showcomments&amp;template=version3&amp;id=1157992525&amp;archive=&amp;start_from=&amp;ucat=', '_News', 'HEIGHT=400,WIDTH=650,resizable=yes,scrollbars=yes');return false;"> Comments</a><br><br>
How did everyones weekend go? Thats good.. Mine didn't go so well. I mean it was Okay but thats all you can really say.. Just some things got to me.. My dad drives a 18wheeler so when he comes in I spend the weekend with him. Well we were on our way to Corinth and he kept dazing off behind the wheel.. Car weeves this way.. car weeves that way.. I was on edge all the way to and from.. For someone that drives a truck thats not too safe... And then I spent the night at my grandmothers house for 2 nights.. And omg she cooks enough food to kill an army.. I would wake up and food would be ready.. 30 minutes later food would be ready.. an hour later food would be ready.. It's like I ate 10 meals A day.. and I couldn't not eat that would be just rude.. And it wouldnt be so bad if she didnt cook so badly.. The food as meh.. I should say not very tasty.. the salsbury steak was awful.. and then she puts all the leftovers in the stove.. and brings em back out the next meal.. except she doesn't warm em up.. so its cold burnt biscuits from breakfast and some kinda cold stew.. I still love her and appreciate the thought.. but geez im not a horse.. I can only eat so much...<br /><br />With that aside Im going to start working on the website and content should be ALmost done by tomorrow...
</font><br><hr size=1 color="#000000" width=50%><br>
<font face=tahoma size=1 color=black>
<b>love me?</b><br>
September 01, 2006 - 8:1:52 PM<br>
0<a href="#" onclick="window.open('http://6oz.karmassault.net/cutenews/show_news.php?subaction=showcomments&amp;template=version3&amp;id=1157155432&amp;archive=&amp;start_from=&amp;ucat=', '_News', 'HEIGHT=400,WIDTH=650,resizable=yes,scrollbars=yes');return false;"> Comments</a><br><br>

Well... As you can so obviously tell... I'm Scoob... I'll prolly be the mod you hear from the least... I do most of the background work... I like to think I'm the one that keeps things up and running. BUT I know that if it wasn't for my lil wraffy "Snizk" I'd have nothin to keep up and runnin... So if you really wanna thank someone for this site... it's him. Do it I'm sure he'd love the thanks and graditudes<br /><img style="border: none;" alt="smile" src="http://6oz.karmassault.net/cutenews/data/emoticons/smile.gif" /> <br />But back to the main point of this blog... there is a NEWS LOGIN on the side of the page... you can click login all you want but you won't get to far without a password... so those of you who don't have one... might as well leave it alone. But if you really must know... We are using "CuteNews" which is basically all you will find out if you attempt to go further with the login anywho!<br /><img style="border: none;" alt="tongue" src="http://6oz.karmassault.net/cutenews/data/emoticons/tongue.gif" /><br />Have a look around... hopefully soon there will be plenty of content to fill ur hearts disire!
</font><br><hr size=1 color="#000000" width=50%><br>
<font face=tahoma size=1 color=black>
September 01, 2006 - 4:1:14 PM<br>
0<a href="#" onclick="window.open('http://6oz.karmassault.net/cutenews/show_news.php?subaction=showcomments&amp;template=version3&amp;id=1157142614&amp;archive=&amp;start_from=&amp;ucat=', '_News', 'HEIGHT=400,WIDTH=650,resizable=yes,scrollbars=yes');return false;"> Comments</a><br><br>
Well hello to the best site in the world.. blablabla I've already done this and I really don't feel like doing it again.. Where is it you may ask.. Hmm dang you Scheme!!!! Mr Scheme diddley deleted it.. Why?? I haven't the slightest clue! Two Posts he deleted!!! kinda funny I thought tho..<br><br><br><br><br /><br />sixouncer: look at the page<br />sixouncer: all the news is GONE<br />sixouncer: lol<br />xplizidkid87: lmao<br />xplizidkid87: i didnt do nuthing<br />xplizidkid87: i just deleted mine<br />sixouncer: no<br />xplizidkid87: wat did u do<br />xplizidkid87: !<br />sixouncer: u deleted ALL OF EM<br />xplizidkid87: hey dont blame the rican<br />xplizidkid87: o i did lol<br />xplizidkid87: woopz<br />xplizidkid87: u cant bring em back?<br />sixouncer: NO!<br />xplizidkid87: i swear i pressed the box next to mine<br />xplizidkid87: hmm<br />xplizidkid87: weird<br /><br /> <img style="border: none;" alt="crying" src="http://6oz.karmassault.net/cutenews/data/emoticons/crying.gif" /> <img style="border: none;" alt="crying" src="http://6oz.karmassault.net/cutenews/data/emoticons/crying.gif" /> yes weird.. ALL MY NEWS IS GONE GRRR!!!! Meh.. W/e I'll post more later

</font><br><hr size=1 color="#000000" width=50%><br>
<center><font face=tahoma size=1 color=black><< Previous <strong>1</strong> <a href="/karmic/6oz/3.php?start_from=5&amp;ucat=&amp;archive=&amp;subaction=&amp;id=&amp;">2</a> <a href="/karmic/6oz/3.php?start_from=5&amp;ucat=&amp;archive=&amp;subaction=&amp;id=&amp;">Next >></a></font></center><!-- News Powered by CuteNews: http://cutephp.com/ -->

</td><td width="161" height=100%>

<table border=0 cellspacing=0 cellpadding=0 width="161">
<tr valign=top><td valign=top colspan=3><img src="images/quickcontact.jpg"></td></tr>
<tr valign=top><td valign=top><img src="images/qcleft.jpg"></td><td valign=top bgcolor=7691A0 width=109 height=88><font face=tahoma style="font-size:10px;" color=black>

<table width=88 valign=top>
<tr><td align=left><font face=tahoma style="font-size:10px;">SniZk:</td><td align=right><a href="aim:goim?screenname=w2wrath&message=6oz+makes+me+cream"><font face=tahoma style="font-size:10px;">Aim</a></td></tr>
<tr><td align=left><font face=tahoma style="font-size:10px;">Scoob:</td><td align=right><a href="aim:goim?screenname=dempunks&message=6oz+makes+me+cream"><font face=tahoma style="font-size:10px;">Aim</a></td></tr>

<tr><td align=left><font face=tahoma style="font-size:10px;">Rubix:</td><td align=right><a href="aim:goim?screenname=littjaymo&message=6oz+makes+me+cream"><font face=tahoma style="font-size:10px;">Aim</a></td></tr>
<tr><td align=left><font face=tahoma style="font-size:10px;">Scheme:</td><td align=right><a href="aim:goim?screenname=xplizidkid87&message=6oz+makes+me+cream"><font face=tahoma style="font-size:10px;">Aim</a></td></tr>
<tr><td align=left><font face=tahoma style="font-size:10px;">Firi:</td><td align=right><a href="aim:goim?screenname=Tsukimatou2&message=6oz+makes+me+cream"><font face=tahoma style="font-size:10px;">Aim</a></td></tr>


<td valign=top><img src="images/qcright.jpg"></td></tr>
<tr valign=top><td valign=top colspan=3><img src="images/sitestats.jpg"></td></tr>
<tr valign=top><td valign=top><img src="images/ssleft.jpg"></td><td valign=top bgcolor=7691A0 width=109 height=90></td><td valign=top><img src="images/ssright.jpg"></td></tr>
<tr valign=top><td valign=top colspan=3><img src="images/members.jpg"></td></tr>
<tr valign=top><td valign=top><img src="images/membersleft.jpg"></td>

<td valign=top bgcolor=7691A0 width=109 height=82>
<img src="buttons/spec.gif" height=5><br>

<table border=0>
<tr><td valign=top>
<form action="http://6oz.karmassault.net/cutenews/index.php" method=post>

<input class=pimp type=text name=username value=username><br><img src="buttons/spec.gif" height=8><br>
<input class=pimp type=password name=password value=password>
</td><td valign=top>
<input type=hidden name=action value=dologin>
<input type=image src="images/submit.gif" value='Login'>


<td valign=top><img src="images/membersright.jpg"></td></tr>
<tr valign=top><td valign=top colspan=3><img src="images/membersbottom.jpg"></td></tr>


<tr valign=top><td valign=top background="images/2bg.jpg" height=100%></td><td valign=top></td><td valign=top height=100%></td></tr>


09-25-2006, 07:45 AM
BuMp me

09-25-2006, 03:01 PM
Aww man, that you are using tables isn't even the worst thing with your code... Did you write that all by hand? If you were using an editor (other than a regular text editor) then you should really look for a different program because what you have there is not only bad practice but also such an invalid code it hurts my eyes.

OK, to answer your question in the title of this thread: It's not working because there is no HTML attribute called bottommargin, as there is no topmargin and margin attribute. Where did you learn that?

Also, using Dreamweaver, it revealed that you have a lot of missing ending tags (closing </font>) and that you have several nesting errors.

The first thing for you to do is to fix the 56 errors (http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2F6oz.karmassault.net%2F3.php) you have, starting with applying a doctype (explained in the previously mentioned link). This could already fix your problem. If not, come back and we will look closer at it and find the issue.

09-26-2006, 06:20 AM
Dude text editors are good, but your coding does really need some work. Use XHTML. It will make you code look much better and work better.

Robert Gottier
09-26-2006, 06:30 AM
I noticed these guys are right about your CSS skillz. Don't use an editor, it's only a crutch. Pick up some good CSS books and start reading. One of my favorite books is called "Web Standards Design Guide" by Ruse. After that, you probably need the CSS for dummies book, and the CSS Pocket Reference by Eric A. Meyer. Once you get a good understanding about CSS, you won't wonder why bottommargin isn't working. It's margin-bottom by the way.

God bless,

09-26-2006, 06:52 AM
Solution: Use CSS for page presentation, not HTML.

Bad Code:
<body background="images/background.gif" margin=0 topmargin=0 bottommargin=0>
Let me point out again that the margin, topmargin, and bottommargin attributes are invalid. The background attribute is valid, but presentation should, again, be done via CSS, as in the following rewrite of the above snippet:

Good Code:
html {background-image: url("images/background.gif");}
body {margin: 0;}


09-26-2006, 07:13 AM
ive been using topmargin bottommargin my whole life.. always works for me..

example of a website that says it works

i learned html but viewing sources, when i was like 11.. so after 8 years im still using the same things ive learned.. which really shows.. i didn't know my coding was that bad.. i always learned if it works it works..

but i appreciate all your help.. thank you very much.. and css sounds like the new html, ill head up to barnes and noble later tomorrow to pick up some books

09-26-2006, 07:43 AM
ive been using topmargin bottommargin my whole life.. always works for me..Like anything else, coding standards change over time. You code according to the W3C standards both for greater efficiency and interoperability; in this specific case, by separating style from structure (CSS vs. HTML) and using code universally recognized by standards-compliant browsers. The attributes you mentioned are, according to the resource you provided, proprietary to Microsoft and only designed to work with their Internet Explorer browser; there are other browsers out there: Firefox, Konquerer, Netscape, Opera, and Safari, to name a few.