div problem

Hi all,

I think I made a similar post b4, but couldent found....
I am building this website vegetablesgrowing dot com the website is almost comple, just need to upload articles.

But I am having big troble on the divs.
as you see the right div (menu div) is going down when the left div (main_content div) is geting more and more content.

can some pls. help me in how to fix this problem

PS:I put the div main_content first and then div menu, just for seo purpose

tkx in advance

 

I read your other post and may have replied but here is what I would do in with your mindset.

I would create another div and call in .banner or #banner. I would open that right after the container/wrapper or the close of the header div and put the SEO content there. Close that one and open the menu div, do what I need to do and close that one then I would open the main content div and place the main content.

Other than maybe needing to clear some floats to make it all work.

Wanna see it working where the the top banner is not used? zeroscipts*com.

 

I would suggest changing/replacing the following classes/IDs on your style sheet [of course with a backup ]

body {
	background:#A6C275;
	margin:0;
}
#bg {
  margin:0 auto;
	background:#FFFFFF;
	width: 800px;
}
#header {
	height: 200px;
}
#main_content {
  float:right;
	width: 580px;
}
.menu {
  float:right;
	width: 200px;
}
#footer {
  clear:both;
	background:#CADB1D;
}

Code (markup):

 

Hi, tkx for the reply,
the SEO content is the actural main content. all the articles comes on the main_content.

what I mean is there is no headlines or anything in seperate from the main content.

also I didnt understand the line
"Wanna see it working where the the top banner is not used? zeroscipts*com."

hey dude tkx for replying,
althoug I tried what you said and it didnt work

 

I think this is the old thread : http://forums.digitalpoint.com/showthread.php?t=1165428
There is a answer too.

 

Exactly ExtremeData, that should be the solution!

@cri8bat try the solution on the above old thread, that should work man, try it one more time seriously/carefully. What i gave you also is very identical to that one.

 

tkx ExtremeData, thats the one

I tried it worked, but then I got another problem....
you see the background dosent remain white, it becames green... on firefox

here is the link with the changes
http://www.vegetablesgrowing.com/2.html

 

Yes for that just add clear:both; to the footer

 

yep it worked!!!

thank you!