monkeytooth Posted September 25, 2008 Share Posted September 25, 2008 Is this concept possible and how cross browser compatiable is it if it is, aslo can anyone show me or help me with this concept? How I can make this work? Im fairly new to css and using it to make a better layout with DIV's, but I have a project that I want to do that will hopefuly help me learn it better but I am stuck on this without this the concept is useless lol.. Hep help help, see im begging, help? Quote Link to comment Share on other sites More sharing options...
markjoe Posted September 25, 2008 Share Posted September 25, 2008 So does Box 1 go off page when user scrolls down the page and boxes 2,3 and 4 stay put always? Or the other way around? Either way, it should all be possible with fixed positioning. Unfortunately, IE 6 does not support fixed positioning, and there is no good workaround. http://w3schools.com/css/css_positioning.asp Quote Link to comment Share on other sites More sharing options...
monkeytooth Posted September 25, 2008 Author Share Posted September 25, 2008 Yes, the hope is box1 will scroll with the page, while 2 3 and 4 remain stationary Quote Link to comment Share on other sites More sharing options...
blufish Posted September 26, 2008 Share Posted September 26, 2008 you mean that box one will stretch with the content right? go here http://www.w3schools.com search for "css"... float clear and position relative Then try to piece something together Quote Link to comment Share on other sites More sharing options...
blufish Posted September 26, 2008 Share Posted September 26, 2008 Took a stab at something like this... <html> <head> <title>Testing...</title> <style type="text/css"> div.box4 { width: 150px; height: 200px; background-color: red; float: right; position: relative; left: -10px; top: 20px; } div.box2 { width: 150px; height: 200px; background-color: blue; float: left; position: relative; top: 20px; left: 10px; } div.box3 { width: 150px; height: 200px; background-color: purple; float: left; clear: left; position: relative; left: 10px; top: 40px; } div.box1 { width: 650px; padding: 20px; background-color: green; margin: 0px auto; float: none; } </style> </head> <body> <div class="box4"> Bla Bla Bla </div> <div class="box2"> Bla Bla Bla </div> <div class="box3"> Bla Bla Bla </div> <div class="box1"> fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf fdfsf fdfd sfsfds dfdsfds fdsfds fdsdsdssds fs fdsf ds fdsf dsf dsf dsf dsf dsf dsf dsf dsfdsf sdf dsf dsf </div> </body> </html> Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.