...

View Full Version : 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



#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


* {
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?verbose=1&uri=http%3A%2F%2Fjbiddulph.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
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
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.

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
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
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?

oesxyl
08-06-2008, 03:08 PM
thanks but how do i align the bottom left pic of me to the bottom?
fix the errors first:

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fjbiddulph.com%2Fcv.htm

when you have markup errors, parsing the page by browser is more a guess, so if you find a solution to fix something, something else will be broken. That means you waste a lot of time and no results.

regards

effpeetee
08-06-2008, 09:40 PM
Is this the layout you want?

http://exitfegs.co.uk/jbiddulph.html


Frank

jarv
08-07-2008, 12:28 PM
ok all tidied up!



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum