valign bottom?

jarv · 08-04-2008, 07:50 PM

I was just trying to vertical align my bottom left image, i eventually did it using Clear:both;
but now it goes right of the bottom of the page?!

http://jbiddulph.com/cv.htm

Code:

#bottomleftpic {
background-color:#FFFFFF;
margin-top:23px;
float:left;
clear:right;
background-image:url(../img/bottomleft.jpg);
background-repeat:no-repeat;

width:209px;
height:362px;
}

any anyone please help?

jarv · 08-04-2008, 09:43 PM

Please help!

BoldUlysses · 08-04-2008, 09:52 PM

Where exactly do you need that image to be? Flush with the bottom of the footer? Below the navigation?

jarv · 08-04-2008, 10:05 PM

the bottom of the picture level with the footer but about 10px of white below the footer.

jcdevelopment · 08-04-2008, 10:11 PM

try adding this, it messes up in FF so i cant tell if it hurts or helps

Code:

* {
margin:0px;
padding:0px;
}

oesxyl · 08-04-2008, 10:11 PM

validate first and post when you are finished. is hard to fix if markup is invalid:

http://validator.w3.org/check?verbos...h.com%2Fcv.htm

regards

ninnypants · 08-04-2008, 10:48 PM

It's because the #mainarea of your page is floated so when you put the "clear:right" you image could no longer stay where it was it was forced to move down below the #mainarea

jarv · 08-04-2008, 10:55 PM

ok so I changed it but now it's stil isn't aligned to the bottom?!

why is my background not white anymore?! I nee dto put a float:left; on my #Table_01

oesxyl · 08-04-2008, 10:58 PM

Quote:

Originally Posted by jarv

ok so I changed it but now it's stil isn't aligned to the bottom?!

why is my background not white anymore?! I nee dto put a float:left; on my #Table_01

did you fix markup errors?

regards

jarv · 08-04-2008, 11:04 PM

I would fix them but I don't understand what is wrong with: Line 84, Column 6: XML Parsing Error: Opening and ending tag mismatch: body line 8 and div.

</div>

and

Line 84, Column 5: end tag for element "div" which is not open.

</div>

oesxyl · 08-04-2008, 11:12 PM

Quote:

Originally Posted by jarv

I would fix them but I don't understand what is wrong with: Line 84, Column 6: XML Parsing Error: Opening and ending tag mismatch: body line 8 and div.

</div>

and

Line 84, Column 5: end tag for element "div" which is not open.

</div>

tags must be pair, if you have <div> must have somewhere </div> to close it.
use a editor with pair match highlight.

Edit: usualy the validator show more error then are, so you must start from top, fix one line and revalidate until you finish

regards

jarv · 08-05-2008, 09:35 AM

can't find errors in my </div> and i still have the vertical align problem on the image at the bottom left of my site please can someone help me?

abduraooft · 08-05-2008, 09:53 AM

Quote:

Originally Posted by w3-validator

Line 16, Column 18: document type does not allow element "div" here; assuming missing "body" start-tag.

<div id="Table_01">

Line 169, Column 5: end tag for element "div" which is not open.

</div>

These are pretty clear! aren't ?

oesxyl · 08-05-2008, 03:46 PM

Quote:

Originally Posted by jarv

can't find errors in my </div> and i still have the vertical align problem on the image at the bottom left of my site please can someone help me?

- between </head> and <div id="Table_01"> must be <body>
- missing alt attribute at img tags.
- in few places you have </br> instead of <br />
- you have an </div> on line 185 but no <div>, remove it

that will fix markup errors.

after that you must clear the float's element but will see how after you make this changes.

regards

jarv · 08-06-2008, 08:44 AM

thanks but how do i align the bottom left pic of me to the bottom?