Help - Search - Members - Calendar
Full Version: Text wont show up with fixed background
HTMLHelp Forums > Web Authoring > Cascading Style Sheets
boofmaster
this is my hompage html code

CODE
<center><br><br><object width="550" height="400">
<param name="movie" value="http://boofgamingsource.com/boof.swf">
<embed src="http://boofgamingsource.com/boof.swf" width="600" height="450">
</embed>
</object></center><br>cant view the flash menu? click <a href="http://boofgamingsource.com/index2.html">here</a>
<style type="text/css">
body {
  /* for IE; otherwise, BG isn't fully stretched */
}

#bg {
  position: fixed;
  margin: 0px;
  border: 0px;
  padding: 0px;
  left: 0px;
  top: 0px;
  overflow: hidden;
  z-index: 0;
}

#bg img {
  width: 100%;
}
</style>

<!-- img must be encased in div to keep proper image aspect ratio -->
<div id="bg"><img src="
http://boofgamingsource.com/sit%20background.jpg"></div>


I put in my hompage a flash menu and a fixed background so it fits to screen perfectly. The problem is im trying to put some text under the flash menu saying "can't see our flash menu click here" and then link to another index that isnt flash based. The text will not show up and I cant figure out why PLEASE HELP
pandy
Can you post the link to a sample page including the text that doesn't want to show, please?
boofmaster
I want to show:
CODE
cant view the flash menu? click <a href="http://boofgamingsource.com/index2.html>here</a>

as you can see it wont show here is the sample of it not showing:
http://boofgamingsource.com/
Darin McGrew
I recommend that you start by fixing the markup errors reported by our online validator:
http://htmlhelp.com/cgi-bin/validate.cgi?u...mp;warnings=yes
boofmaster
ok ive tried all those errors im thinking it has somthing to do with go dady (my host) they make it so the framset is messed up on every page. Thanks for the link but my problem wasnt fixed
pandy
I see the text in IE6. In other browsers I tried i just see the background image (soldiers), no menu, no nothing. Looks like you have positioned the image on top of everything else. I don't understand why you want such a large image to be 'position: fixed', more than to hide your host's ads of course... Couldn't you use a fixed background instead?

If you want the other stuff under the image, you need to give it margins so it goes free from it. If you want it on top of the image you need to somehow position it there (CSS positioning, negative margins...).
boofmaster
figured it out thanks though here is what i needed:
http://www.htmlite.com/faq022.php
pandy
Hmm. I doubt this will work in all browsers.

HTML
<div id="bg"><img src="yourimage.jpg" width="100%" height="100%" alt=""></div>
<div id="content"><p>Enter a ton of text or whatever here.</p></div>
boofmaster
Thanks alot you guys were a big help
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.