Welcome to WebmasterWorld Guest from 54.167.185.18

Forum Moderators: not2easy

Message Too Old, No Replies

CSS - Not showing all?

   
8:56 am on Apr 1, 2012 (gmt 0)



Hey WebMasterWorld,

Right today I am hoping you could help me as I have tried everything and so have my friends

IMAGE -
[screensnapr.com...]

Code -
CSS -
#right {
background: url('img/main_cnt_bg.png');
width: 559px;
height: 100%;
float: right;
}

.rightc {
background: url('img/main-cnt.png');
width: 550px;
height: auto;
float: right;
margin-right: 5px;
margin-top: 25px;
}


HTML -
<div id="right">
<div class="rightc">
<?php include('home.php') ?>
</div>
</div>


Thanks,
Jackery :)
9:30 am on Apr 1, 2012 (gmt 0)

WebmasterWorld Senior Member lucy24 is a WebmasterWorld Top Contributor of All Time Top Contributors Of The Month



Would help if you gave some clue what you're supposed to see. In the code I see a float inside of a float, which puts the whole thing in the "just asking for trouble" class. In the screenshot I see pieces of three separate elements, plus a repeating background. Unless that's your computer's wallpaper.

Since you haven't set a repeat on either background, I would expect both divs to have either an explicit height and width matching the background, or a background-position statement. Default is top left, which kinda looks like what you're getting.
9:39 am on Apr 1, 2012 (gmt 0)



Right basically I am trying to make the height Full to the bottom so it overlays the background image
so like
Height: 100px;

but it doesn't work.

also its the <div id="right"> that is meant to be repeating
repeat-y doesn't / didn't work
4:09 pm on Apr 1, 2012 (gmt 0)

WebmasterWorld Senior Member g1smd is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month



When you link to an image, start the link with a leading slash and mention the full path to the file. The image will then load no matter what folder depth the page that calls it is in.