Lostvoices Posted June 6, 2008 Share Posted June 6, 2008 why is it then if i make my browser smaller the stupid form in my div will go down to the next line instead of keeping the page the same and just not showing it.. it wants to make sure the form is shown <html> <head> <style type='text/css'> body{ color:white; background-color: black; } #title{ margin-left: 370px } #left{ float: left; margin-left:300px; width:330px; } #right{ float:left; margin-top: 80px; } </style> </head> <body> <div id="holder" > <div id="title"><img src="title.jpg" width="446" height="97"> <br/> <br/> <br/> </div> <div id="left" > <img src="spooky.jpg" width="400" height="400"> </div> <div id="right"> <form > <br> <label>UserName:</label><br /> <input name="user" type="text" size="0" maxlength="30" /> <br> <br> <label>Password:</label><br /> <input name="pass" type="password" size="0" maxlength="30" /> <br> <br> <input type="image" src="login.gif" name="submit"> </form> Stay Tuned as soon something exciting and <br>scary will be in this spot </div> </div> </body> </html> Link to comment https://forums.phpfreaks.com/topic/108943-div-stay-in-one-spot/ Share on other sites More sharing options...
haku Posted June 6, 2008 Share Posted June 6, 2008 When you float elements beside each other, they will only be beside each other if there is enough room for them to fit. If there is not, then they shift down below. Link to comment https://forums.phpfreaks.com/topic/108943-div-stay-in-one-spot/#findComment-558930 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.