Div problem

timmytots · #1 Sep 8th, 2007, 19:44

I can't get my 'wrap' (the div with all the main stuff in) to go 80px from top and 300px from bottom.

http://www.timothy-clark.com/store/

Any help?

alexgeek · #2 Sep 9th, 2007, 04:03

what have you tried so far?
i have to say it's looks amazing!

timmytots · #3 Sep 9th, 2007, 10:55

thanks very much.

i've tried just the 300 from bottom (without the top) and it goes correct but the top is right at the top over the header. i've tried most things. for some reason, i can't get both the top and bottom where i want.

alexgeek · #4 Sep 9th, 2007, 14:56

have you tried stuff like:
margin-top: 100px;
and
margin-bottom: 300px;

?

timmytots · #5 Sep 9th, 2007, 15:39

its ok, ive done something else.

karinne · #6 Sep 10th, 2007, 14:16

Please post the solution for all to see. Someone else might be having the same problem as you

timmytots · #7 Sep 10th, 2007, 14:55

there was no solution, i couldnt do it.

i have a new problem now. for some reason the div "bottom" doesnt go directly under the div "wrap". as youll see, the images of me are covered partially by the bottom div. why is this?

timmytots · #8 Sep 10th, 2007, 18:32

anyone?

Rakuli · #9 Sep 10th, 2007, 19:47

you could try adding

clear: both;

to the #bottom div so it clears the floated divs you have inside the #wrap.

timmytots · #10 Sep 10th, 2007, 20:30

that didnt do anything.

my two problems now are:

1/. the image of the red sun doesn't touch the top of the bottom image. They should touch and theyre both just divs. why dont they?

2/. The bottom image doesnt go to the bottom.

timmytots · #11 Sep 11th, 2007, 20:18

please help!!!

Lchad · #12 Sep 12th, 2007, 12:29

In the #footer take out the position: relative and the footer will drop to the bottom.

In the #content you have a top margin added so the sun is not touching that div.
change the margin code to:
margin: 0px 0px 25px 0px

timmytots · #13 Sep 12th, 2007, 13:42

i took the footer out completely in the html file and i altered the content, but the red sun is still a milimeter above the base image and the base image hasnt dropped to the bottom.

Lchad · #14 Sep 12th, 2007, 14:14

Is there relative positioning set for the base image too?

timmytots · #15 Sep 12th, 2007, 14:45

yeah, but taking that out hasn't done anything either.

welshstew · #16 Sep 12th, 2007, 15:41

If you change your css for the 3 columns to the following it should work:

Code: Select all

#leftcolumn {
position:relative;
float:left;
width:230px;
text-align:left;
padding-top:20px;
margin-left:10px;
}

#middlecolumn {
position:relative;
width:230px;
float:left;
text-align:left;
padding-top:20px;
margin-left:10px;
}

#rightcolumn {
position:relative;
width:130px;
float:left;
text-align:left;
padding-top:20px;
margin-left:10px;
}

let me know if that helps

Stew

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Div problem