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> Quote Link to comment 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. 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.