josephbastin Posted October 19, 2006 Share Posted October 19, 2006 Hi,My requirement is1) Need 100% height for both the divs2) The height of both divs should increase equally if any one or both of the div has more content3) The right div should be aligned adjacent to the left div (Now the right div is displaying below the left div)Given below is the current code. Please reply with the full code. Also, please see that the code works well for both IE and Firefox.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title><style type="text/css"><!--#left { width: 200px; background-color: #CCCCCC; text-align: left; height: 100%;}#right { width: 100%; background-color: #FFFF55; text-align: left; height: 100%; float: left;}--></style></head><body><div id="left">Left Pane</div><div id="right">Right Pane</div></body></html> Link to comment Share on other sites More sharing options...
S@m Posted October 19, 2006 Share Posted October 19, 2006 Well, 100% is 100%, so it's going to fill the page no matter how much stuff you have.This will work for both IE and FF, I'm not exactly sure it is the proper way, but I have had good luck in the past. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title><style type="text/css">* {margin:0;padding:0;}body,html {height:100%;}#wrapper {height:100%;background-color:#00ccff;}</style></head><body><div id="wrapper"> </div></body></html> Link to comment Share on other sites More sharing options...
ible-white Posted October 20, 2006 Share Posted October 20, 2006 here u gocheck this site--- it will help u a great deal. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now