An inch to much... [Archive] - Dynamic Drive Forums

Skullwire

08-25-2006, 11:13 AM

Lo all!
Kay, this is probably a really easy and noobish problem but still I am kinda lost. I have looked at the html for hours and hours and still can't find what I am doing wrong.

My problem is that at the top I wanted the website to hug the top of the screen, which it does perfectly! Now, it's to the bottom I get a little disorientated. I want it to hug the bottom as well...to get that solid and nice look... But, I get like a half of an inch where the background is visible. Maybe I should point out as well that there is three iFrames on top of eachother that holds the content. After the iFrames there is supposed to be the bottom...but noo.

Anyways, here it is...

<html>
<head>
<title>Here Goes Title</title>
</head>
<body topmargin="0" bgcolor="#620000" background="backdrop.jpg" leftmargin="0">
<p align="center">

<iframe name="I1" marginwidth="1" marginheight="0" width="652" scrolling="no" align="top" border="0" frameborder="0" height="254" src="tophtml.htm">
Your browser does not support inline frames or is currently configured not to display inline frames.</iframe>

<iframe name="I2" width="652" marginwidth="1" marginheight="0" scrolling="no" align="top" border="0" frameborder="0" height="1585" src="middlehtml.htm">
Your browser does not support inline frames or is currently configured not to display inline frames.</iframe>

<iframe name="I3" width="652" marginwidth="1" marginheight="0" scrolling="no" align="top" height="182" border="0" frameborder="0" src="bottomhtml.htm">
Your browser does not support inline frames or is currently configured not to display inline frames.</iframe></p>

</body>
</html>

Ok, that's about it...why does this half an inch show up at the bottom?

Best Regards,
Richie

codeexploiter

08-25-2006, 11:20 AM

Hi
Plz checkout the second IFRAME you mentioned in your code

<iframe name="I2" width="652" marginwidth="1" marginheight="0" scrolling="no" align="top" border="0" frameborder="0" height="1585" src="middlehtml.htm">

Its height is 1585 thats a very large, i don't know whether you intended to type 158 and mistyped it into 1585.

If you make it to 158 you can achieve what you are intending

Skullwire

08-25-2006, 11:24 AM

I see what u mean but what I mean is that the site should hug the bottom when it's draged to the bottom. The fact it's this large is to fit the content in the mid iFrame. I am sure the problems lies somewhere in the last iFrame cause when draged to the bottom I don't want to be able to see that backdrop. See what I mean?

Best Regards,
Richie

PS: U had a point though...but sadly it wasn't it. Keep it up! :cool:

codeexploiter

08-25-2006, 11:37 AM

Skullwire

08-25-2006, 11:44 AM

Didn't solve it I am afraid. Gave it an added inch to the gap at the bottom. However I did this instead.

I took away the <P> blablabla </P> from the entire code and changed it to <Center> blablabla </Center>

It took away some of the gap but I still got like a fourth of an inch presented at the bottom that I don't wanna have there. Hmm...

Any other ideas? U seem to have a few! :eek:

Best Regards,
Richie

codeexploiter

08-25-2006, 11:50 AM

Actually i don't understand why do u want to give that <center>blahblabh</center> in this html?

I've got the correct result using the following code in my machine

<html>
<head>
<title>Here Goes Title</title>
</head>
<body topmargin="0" bgcolor="#620000" background="backdrop.jpg" leftmargin="0">
<p align="center">

<iframe name="I1" marginwidth="1" marginheight="0" width="652" scrolling="no" align="top" border="0" frameborder="0" height="197" src="tophtml.htm">
Your browser does not support inline frames or is currently configured not to display inline frames.</iframe>

<iframe name="I2" width="652" marginwidth="1" marginheight="0" scrolling="no" align="top" border="0" frameborder="0" height="197" src="middlehtml.htm">
Your browser does not support inline frames or is currently configured not to display inline frames.</iframe>

<iframe name="I3" width="652" marginwidth="1" marginheight="0" scrolling="no" align="top" height="194" border="0" frameborder="0" src="bottomhtml.htm"></iframe></body>
</html>

Plz checck this one and tell the outcome

Skullwire

08-25-2006, 12:34 PM

That's so weird, cause I don't. I still get that half inch at the bottom showing the backdrop. What browser are u using? I am uisng Firefox...are uy using IE?

Best Regards,
Richie

Twey

08-25-2006, 03:27 PM

http://css-discuss.incutio.com/?page=FooterInfo

Skullwire

08-25-2006, 03:41 PM

WOW, that just did it! Works like a wonder! Man, if I was half as clever as u and just half as stupid as I am now...lol...got inspired by Blizzards footer...

Anyways, thanks alot! U guys rock!

Best Regards,
Richie

BLiZZaRD

08-26-2006, 02:06 PM

Got here too late... glad it is solved! :D