lindm Posted December 24, 2008 Share Posted December 24, 2008 Obviously Internet Explorer has serious flaws regarding div positioning etc but I am still trying to design a layout which works in IE. Have come pretty far but one obstacle remains... Here is my test code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.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"> <!-- html, body { height: 100%; overflow: hidden; margin:0px; } div#content { height: 100%; width: 100%; overflow: auto; position: relative; z-index: 2;background-color: #6633CC; } div#content2 { overflow: hidden; background-color:#CCFF66; padding-left:10px;padding-top:50px; } div#menu { background-color: #003366; height: 45px; width: 550px; position: absolute; left: 5px; top: 5px; z-index: 3; } div#menu2 { background-color: #FF0033; height: 150px; width: 80px; position: absolute; left: 600px; top: 50px; z-index: 4; } --> </style> </head> <body> <div id="content"> <div id="content2"> x x x x xxxxxxxxxxxxxxxxxxbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbxxxxxxxxxx x x x<br /> x x x x x x <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> x x x x x x </div> </div> <div id="menu"> menu1 </div> <div id="menu2"> menu2 </div> </body> </html> When you make the window smaller a scrollbar appears to the right. That is fine, but I want the scrollbar to begin 50 pixels lower (in line with the bottom of menu1). Tried a lot but no luck. I can live with the way it is now but if there is a solution any help is appreciated. Link to comment https://forums.phpfreaks.com/topic/138293-div-positioning-and-ie-driving-me-crazy/ Share on other sites More sharing options...
lindm Posted December 24, 2008 Author Share Posted December 24, 2008 This is for Explorer 6 I forgot to mention... Link to comment https://forums.phpfreaks.com/topic/138293-div-positioning-and-ie-driving-me-crazy/#findComment-723094 Share on other sites More sharing options...
Sakesaru Posted December 24, 2008 Share Posted December 24, 2008 IE6? Try yelling at it. Link to comment https://forums.phpfreaks.com/topic/138293-div-positioning-and-ie-driving-me-crazy/#findComment-723284 Share on other sites More sharing options...
adx Posted December 30, 2008 Share Posted December 30, 2008 I'm not exactly sure what you're trying to do? Could you be a little more clear, or post an example/picture? Edit: On second glance, what is 'position: relative; z-index: 2' all about? You haven't added any left/right etc.. Lots of browsers don't like relative positions with Z-index. Link to comment https://forums.phpfreaks.com/topic/138293-div-positioning-and-ie-driving-me-crazy/#findComment-726326 Share on other sites More sharing options...
DamienRoche Posted January 4, 2009 Share Posted January 4, 2009 Only ie6? be happy, my friend ....the greatest thing about ie6 is that you can talk to it, individually. just use a foreign character like so: instead of width:100px; use _width:100px; if you want to make tweak, do this: #id{width:100px;_width:99px;} Hope that helps. Link to comment https://forums.phpfreaks.com/topic/138293-div-positioning-and-ie-driving-me-crazy/#findComment-729039 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.