Page looks abnormal when i minimize my browser window size
I was learning html from internet and this is what i tried
<!doctype html>
<html>
<body>
<table cellspacing="0" style="margin-left:250px;margin-top:100px">
<tr><td style="background-color:#EBEBF5;font-size:15px">Profile Info </td></tr>
<tr><td>Sports & Fun</td></tr>
<tr><td>Add More</td></tr>
</table>
</body>
</html>
Ok This ouputs as li开发者_开发知识库ke these when my window is in maximized
Profile Info
Sports & Fun
Add More
Now I have minimized my window and starting compressing it smaller and when i made the window compress and more smaller.
The output is like these
Profile
Info
Sports
& Fun
Add
More
I thought this behavior is may be due to making window size smaller then i started expermenting on google,facebook, stackoverflow websites, Though I made their window size smaller they were still looking like before with increased scroll bar at the bottom. I wondered why its not working with mine.
Can anyone help me with these ? How can i make my html page look like as it was i mean look same when window is in maximized and even when not maximized ? I want my html page look same even when it is minimized to minimum,like these
Profile Info
Sports & Fun
Add More
HTML pages resize to fit the window size. If you don't want that, specify the width
:
<table cellspacing="0" style="margin-left:250px;margin-top:100px; width:250px">
you should use the min-width. like this:
<html><head><style>body{min-width: (value);}</style></head></html>
精彩评论