good afternoon,
to boil this issue down to the brass tacks:
i have 3 divs structured like this:
<div id="top">
content
</div>
<div id="middle">
<!--#include virtual="/includes/uhaul_trucks.html" -->
</div>
<div id="bottom">
content
</div>
i have the css like so:
#top {bkgd-image:url(top.gif); bkgd-repeat:no-repeat;}
#middle {bkgd-image:url(middle .gif); bkgd-repeat:repeat-y;}
#bottom {bkgd-image:url(bottom .gif); bkgd-repeat:no-repeat;}
this works fine at times, but sometimes the file will display in IE/FF etc as if the content is disregarded all together and the bkgd-images are displayed with the content in the background. For example:
Correct layout
<!-- m --><a class="postlink" href="http://www.hwy56storage.com/images/correct.gif">http://www.hwy56storage.com/images/correct.gif</a><!-- m -->
Incorrect layout
<!-- m --><a class="postlink" href="http://www.hwy56storage.com/images/incorrect.gif">http://www.hwy56storage.com/images/incorrect.gif</a><!-- m -->
any help will be greatly appreciate and your reward will be "total consciousness on your death bed" (Caddy Shack reference).
thanks,
grantMaybe try this:
CSS
#top {background-image:url('top.gif'); background-repeat:no-repeat;}
#middle {background-image:url('middle.gif'); background-repeat:repeat-y;}
#bottom {background-image:url('bottom.gif'); background-repeat:no-repeat;}
HTML
<div id="top">
content
</div>
<div id="middle">
asdfj;lskdf;lsakjdf<br>
ajsd;lfjla;sjdf;lsakjdf;l
asdfj;lskdf;lsakjdf<br>
ajsd;lfjla;sjdf;lsakjdf;l
asdfj;lskdf;lsakjdf<br>
ajsd;lfjla;sjdf;lsakjdf;l
asdfj;lskdf;lsakjdf<br>
ajsd;lfjla;sjdf;lsakjdf;l
asdfj;lskdf;lsakjdf<br>
ajsd;lfjla;sjdf;lsakjdf;l
</div>
<div id="bottom">
content
</div>that would work, but i need to have the ability to switch "includes" files on button click.What do you mean?that would work, but i need to have the ability to switch "includes" files on button click.
Switch from SSI to PHP
to boil this issue down to the brass tacks:
i have 3 divs structured like this:
<div id="top">
content
</div>
<div id="middle">
<!--#include virtual="/includes/uhaul_trucks.html" -->
</div>
<div id="bottom">
content
</div>
i have the css like so:
#top {bkgd-image:url(top.gif); bkgd-repeat:no-repeat;}
#middle {bkgd-image:url(middle .gif); bkgd-repeat:repeat-y;}
#bottom {bkgd-image:url(bottom .gif); bkgd-repeat:no-repeat;}
this works fine at times, but sometimes the file will display in IE/FF etc as if the content is disregarded all together and the bkgd-images are displayed with the content in the background. For example:
Correct layout
<!-- m --><a class="postlink" href="http://www.hwy56storage.com/images/correct.gif">http://www.hwy56storage.com/images/correct.gif</a><!-- m -->
Incorrect layout
<!-- m --><a class="postlink" href="http://www.hwy56storage.com/images/incorrect.gif">http://www.hwy56storage.com/images/incorrect.gif</a><!-- m -->
any help will be greatly appreciate and your reward will be "total consciousness on your death bed" (Caddy Shack reference).
thanks,
grantMaybe try this:
CSS
#top {background-image:url('top.gif'); background-repeat:no-repeat;}
#middle {background-image:url('middle.gif'); background-repeat:repeat-y;}
#bottom {background-image:url('bottom.gif'); background-repeat:no-repeat;}
HTML
<div id="top">
content
</div>
<div id="middle">
asdfj;lskdf;lsakjdf<br>
ajsd;lfjla;sjdf;lsakjdf;l
asdfj;lskdf;lsakjdf<br>
ajsd;lfjla;sjdf;lsakjdf;l
asdfj;lskdf;lsakjdf<br>
ajsd;lfjla;sjdf;lsakjdf;l
asdfj;lskdf;lsakjdf<br>
ajsd;lfjla;sjdf;lsakjdf;l
asdfj;lskdf;lsakjdf<br>
ajsd;lfjla;sjdf;lsakjdf;l
</div>
<div id="bottom">
content
</div>that would work, but i need to have the ability to switch "includes" files on button click.What do you mean?that would work, but i need to have the ability to switch "includes" files on button click.
Switch from SSI to PHP