Categories:
.NET (357)
C (330)
C++ (183)
CSS (84)
DBA (2)
General (7)
HTML (4)
Java (574)
JavaScript (106)
JSP (66)
Oracle (114)
Perl (46)
Perl (1)
PHP (1)
PL/SQL (1)
RSS (51)
Software QA (13)
SQL Server (1)
Windows (1)
XHTML (173)
Other Resources:
How To Set Page Widths to Relative Length Units
How To Set Page Widths to Relative Length Units? - CSS Tutorials - Page Layout and Background Image Design
✍: FYIcenter.com
Knowing that setting page widths to absolute length units will cause problems on images with different browser resolutions, you can set your page width to a relative length unit, like px (pixel). The tutorial exercise code below sets a page width to 730 pixels:
<html><head> <style type="text/css"> BODY {background-color: gray} DIV.page {background-color: white; width: 730px; padding: 25px; text-align: left} HR {width: 730px} P {width: 730px} </style> </head><body><center><div class="page"> <p> <img src=fyi_banner_blended.jpg width=728 width=90> </p> <H1>730-Pixel Wide with an Image</H1> <hr align=left> <p><script language="JavaScript"> for (i=0; i<100; i++) { for (j=0; j<10; j++) { document.write(j+' '); } } </script></p> <p align="right">By FYICenter.com</p> </div></center></body></html>
Save the code in 730PixelPageLayout.html and view it with FireFox and IE on a 1280x1024 screen,
you will see the page displayed nicely in both browsers:
2007-05-11, 4664👍, 0💬
Popular Posts:
Jack developed a program by using a Map container to hold key/value pairs. He wanted to make a chang...
Are risk constant through out the project ? * Never say that risk is high through out the project. R...
I have 5 questions please give me the answer ,explanation,suggestions if any?? what is PMP(project m...
How Is the Width a Parent Element Related to Child Elements? - CSS Tutorials - Understanding Multipl...
How do you handle change request? Normally change request are handled by preparing an Impact analysi...