Guys I want to fix a div width and height as 100%. But the problem is that div is inside a wrapper with a fixed width.I have a button above the div which onclick="" makes the div to change its class with full width and height. i want to position that div to the top-left corner of the window.My code is\[code\]<html><head> <title>Javascript Change CSS Class of Div tag</title> <style type="text/css"> #wrapper { width:75%; height:75%; margin:0 auto; } .minimize { color : red; width:500px; height:200px; background:#474747; float:left; } .maximize { color : blue; width:100%; height:100%; float:left; background:#ccc; } </style> <script language="javascript" type="text/javascript"> function changeCssClass(navlink) { if(document.getElementById(navlink).className=='minimize') { document.getElementById(navlink).className = 'maximize'; } else { document.getElementById(navlink).className = 'minimize'; } } </script></head><body> <div id="wrapper"> <div id="navlink" class="minimize"><input type="button" value="http://stackoverflow.com/questions/12793980/click here" onclick="changeCssClass('navlink')" /> </div> </div></body></html>\[/code\]But i want to make it to look like this with wrapper\[code\]<html><head> <title>Javascript Change CSS Class of Div tag</title> <style type="text/css"> .minimize { color : red; width:500px; height:200px; background:#474747; float:left; } .maximize { color : blue; width:100%; height:100%; float:left; background:#ccc; }</style> <script language="javascript" type="text/javascript"> function changeCssClass(navlink) { if(document.getElementById(navlink).className=='minimize') { document.getElementById(navlink).className = 'maximize'; } else { document.getElementById(navlink).className = 'minimize'; } } </script></head><body> <div id="navlink" class="minimize"><input type="button" value="http://stackoverflow.com/questions/12793980/click here" onclick="changeCssClass('navlink')" /> </div></body></html>\[/code\]Will any one help here....
Div to be fixed at the top of the window
- Thread starter dongo2001
- Start date