my background cuts off [Archive] - Lissa Explains it All: Web Design Forums

View Full Version : my background cuts off

silverem

07-19-2003, 06:19 AM

i guess this goes here, because the code uses CSS. but sorry if it doesn't. anyway, for some reason, my background image keeps getting cut off at the bottom. what can i do to fix this?? here's the page so far: click (http://www.angelfire.com/ill/good-for-nothing/collective.html) and here's the code:

<html>
<head>
<title>Your Title Here</title>
<style type="text/css"></style>
</head>

<body bgcolor="#FFFFFF">


<div class="title2">Title Here</div>
<div class="title">Title Here</div>
<div class="slogan">Website Slogan/Version Here</div>



<div class="menu"><ul>
<li><a href="#">AUTOBIO</a></li>
<li><a href="#">SITE INFO</a></li>
<li><a href="#">FOLIO</a></li>
<li><a href="#">CONTACT</a></li>
<li><a href="#">LINKS</a></li>
<li><a href="#">CLIQUES</a></li>
</ul></div>



<div class="credit"><a href="http://www.imbri.com/" target="pop"><img src="spacer.gif" width="92" height="13" border="0"></a></div>


</body>
</html>

thank you!

MaGiCSuN

07-19-2003, 01:19 PM

make this code:

<iframe width=294 height=274 src="inlinesites.html" name="inlinesites" style="position:absolute; left:240; top:210" scrolling=no>
</iframe>

this code:

<iframe width=294 height=274 src="inlinesites.html" name="inlinesites" style="position:absolute; left:240; top:210" scrolling=no allowTransparency="true">
</iframe>

if that isn't what you want then can you please discribe more about your 'problem' because i'm not totally sure what you mean :)

Love,
Mirna

silverem

07-19-2003, 01:33 PM

that didn't seem to change anything, so i should probably try to explain what i'm talking about, lol. i have a background picture [here] (http://www.angelfire.com/ill/good-for-nothing/couch.jpg) and if i go there, i can see the whole thing, but when i set it as my background the bottom gets cut off, so that you can't see the very end of the picture. it might just be my computer, lol, but it seems like that shouldn't happen. did that explanation make more sense??

stargrl329

07-19-2003, 01:48 PM

i see what you mean. even if you use 1024x768, when there's a minimized window, the bottom of the black oblong-ish thing is missing. this is because that image is a background - a page isn't fitted to the size of the background. either you can add content at the bottom to make it scroll (like using a lot of <br> tags) or you can just have the layout specifically for 1024x768 users and tell them to maximize the window. however, when the window is maximized in large screen resolutions, the background will start to repeat horizontally, so you might want to add background-repeat:no-repeat; to your stylesheet (in the body tag).

MaGiCSuN

07-19-2003, 01:48 PM

i think it's your computer, since i don't see anything wrong with it at all. the only thing is that the background INSIDE the iframe appears on the wrong place, so it kinda looks that you have two borders on the right side of the area.

that's why i gave you the code above, take out the background from the page that loads INSIDE the iframe, and make hte iframe transparent. In that case your iframe will fit perfectly.

OR you have to make the iframe bigger, since it's smaller then the actual area and the background doesn't line up with the background from the collective.html page

Love,
Mirna

silverem

07-19-2003, 02:00 PM

thank you guys both! i think i will just make sure there is content at the bottom, just in case other people have the same problem viewing as i do. and lol, yeah, the background for the iframe was kinda not in the right place, because i was still working on positioning it, hehe. i would use the transparent iframe code, but i can never get them to work, so it's easier for me to just stick a transparent background in each page, lol. thanks alot for your guys' help! :)