Having trouble with Div

[Unruffled]

my website is located at the following url -

http://chrislflearning.x10.mx/Index.php

Style.Css

@charset "utf-8";
/* CSS Document */


#header {
height:120px;
width:1000px;
margin-left:auto;
margin-right:auto;
}


#content_wrap {
height:800px;
width:1000px;
margin-left:auto;
margin-right:auto;
margin-top:15px;
}

#left_content_top {
height:392.5px;
width:220px;
float:top-left;
background-color:#FFF;
margin-bottom:15px;
}

#left_content_bottom {
height:392.5px;
width:220px;
float:bottom-left;
background-color:#FFF;
}

#right_content {
height:800px;
width:765px;
margin-left:15px;
float:right;
background-color:#FFF;
}

The problem i have is that i can't get right_content back in place. The website was fine with no error's as i had it before i split up the left_content into left_content_top and left_content_bottom. I did all the calculation's and it's correct can someone help me out with the problem that is occurring?

[coothead]

Hi there Unruffled

check out the attachment to see a simplified method of coding your page. ;)

coothead

[Unruffled]

Thanks for the fix , but i have no idea how to edit that code in the future and i do not know how you got each text hyperlinked without me seeing it being sliced. May you give me a brief explanation?

[coothead]

Hi there Unruffled,

as you may gather from the code that I provided, image slicing is not often required in modern coding methodology. ;)

Further reading:-
image slicing or sprites (http://www.google.co.uk/search?q=image+slicing+or+sprites)
You should also note that the use of the "table element" for layout purposes is considered to be a twentieth century
practice and should definitely be avoided. ;)

Further reading:-

Why tables for layout is stupid: problems defined, solutions offered (http://www.hotdesign.com/seybold/index.html)
Ten ways to speed up the download time of your web pages (http://www.webcredible.co.uk/user-friendly-resources/web-usability/speed-up-download-time.shtml)
Nested Tables: About the (ab)use of tables as layout tools in webpages. (http://www.dorward.me.uk/www/nested/)
Why Tables Are Bad (For Layout) Compared to Semantic HTML + CSS (http://www.phrogz.net/CSS/WhyTablesAreBadForLayout.html)
Why go table free? (http://www.workingwith.me.uk/tablefree/why/)
Why avoiding tables (for layout) is important (http://davespicks.com/writing/essays/notables.html)

coothead

[deathbycheese]

...
You should also note that the use of the "table element" for layout purposes is considered to be a twentieth century
practice and should definitely be avoided. ;)

...
coothead

The exception to this statement is when working with CMS such as Sharepoint or Wordpress or doing HTML Emails which, alas, are all total throw-backs to the '90s and still nested-table based.
Disappointing, but very true.

dbc

[Unruffled]

Thank you for the link's , looking into them now.