Positioning and wierd problems

Hi again guys, right ive got some wierd issues on the site im designing,

the html is here.... http://www.carl-robinson.co.uk/CHS/Concept2.html
the css is here..... http://www.carl-robinson.co.uk/CHS/main2.css

if you look on the page your'll see the problems,

first the two divs and the bottom i cant get to align properly, i think i managed to bodge it, but then im having problems with the second div's header, the background isn't coming up and if i type more then one word, it starts going down onto a new line.

would be great if someone could help me with this because once thats done i can actually start putting content onto pages to get it finished and up!

also excuse the messy css! and i know theres alot of other things going haywire on there, im just trying to sort this out first

cheers in advane

maybe fixing the HTML errors and the CSS errors would bring you closer already ...

ok done that the only errors there now are alt tags which i'll do at a later date, still no improvements though

First thing that you can do is to add the following CSS ...

that's already going to help a bit ...

You can then also move the div#footer into div#container ... and then the footer will be centered ...

ok cheers, the footer is in place now, but my lists aint right. have a look

No I don't see anything wrong with the lists ... which browser are you using ... I just viewed in FF3 and IE7, I just see that IE7 throws away the bullets ...

also, change the following CSS to the CSS I give you ... otherwise there's a gap between the content and footer in FF3 ...

ok thanks, thats worked but still not fixed

The footer is still a bit too low in FF3 ... We're getting there slowly ...

aah sorry i forgot to upload the file, that gaps gone now, whats next?

Why is that image of that cat there in the bottom, it stands out, and I don't think it's in a good way ... it's just sort of randomly there ...

That welcome part still screws up in FF3 ... I am not quite sure why ... I just need a while to stop quick ... hopefully someone sees why otherwise I might go mad ... hehe

the cat doesnt need to be there, i'll delete it, just there from the first design, and left it there whilst i was sorting this out and then was gonna position it, and ok wait for someone else to help

to fix your 2nd box looking odd

replace with this..

its simply the float:left that you missed

.laing {

float:left;
background-image:url(images/pbgsmall.png);
background-repeat:repeat-Y;
width:467px;
height:290px;
}

Are you actually wanting the two boxes to sit on top of each other like they do now or side by side ??

if you do want the two boxes sat next to eachother rather than on top of eachother, please look at your overall size of your boxes, if your combined width of the two boxes, margins and padding equal more than the containing div...

also using position:relative; on your boxes would help you...


it looks like this is a template youve taken to use as your own judging from the amount of comments, no problem in that however if you do it from scrath youd understand alot better...maybe this is from scratch, but just doesnt look that way, anyhow hope my comments can help you.