Welcome Guest ( Log In | Register )



 
Reply to this topicStart new topic
> How To Fit Page To Window?
ninjamunky
post May 13 2005, 08:13 PM
Post #1


Advanced Member
Group Icon

Group: Members
Posts: 129
Joined: 18-April 05
Member No.: 4,120



OK. So, I made a splash, I sliced it up and exported it. So now I have an html file with a table in it. But, it's too big for browsers. What I was thinking is that I've designed the site at 1024x768 area resolution as most people have that resolution for their monitors. But, how would I make it fit all browsers the same without resizing their browser window?
Go to the top of the page
 
+Quote Post
miCRoSCoPiC^eaRt...
post May 13 2005, 08:25 PM
Post #2


PsYcheDeLiC dR3aMeR
Group Icon

Group: Admin
Posts: 2,242
Joined: 29-January 05
From: Nakorn Chaisri, Thailand
Member No.: 2,411
myCENTs:84.36



See graphics cannot be adjusted - unless you create then separately for different resolutions and create style-sheets accordingly. But your over-all page layout can be made to resize on its own depending on user's resolution.. Even this has to do with CSS style-sheets. Vujsa has designed a variable width template for Mambo CMS - I guess you can use his style-sheet to shape up your page too.. You should PM him to grab a copy of that template..

Regards,
m^e
Go to the top of the page
 
+Quote Post
chiiyo
post May 13 2005, 08:47 PM
Post #3


Premium Member
Group Icon

Group: Members
Posts: 218
Joined: 14-March 05
From: Singapore
Member No.: 3,041
myCENTs:92.74



Or you just make your site small enough to fit into the smallest screens... *grin* That would be around 600px wide... To cater to the 640x480 people.

Technically, that would not be a good idea because then the people using the huge ass monitors would be squinting like hell.

So yeah, make your site variable. If you're using a table, make the width of your main parts a percentage of the screen, so it stretches with the browser. If you're using CSS, also make sure the width is a percentage of the screen, and use float more than you use absolute positioning. That's just the most basic of variable-width sites. If you're using graphics, it's good to have a mix of fixed width and variable width sections.
Go to the top of the page
 
+Quote Post
Tobias
post May 13 2005, 11:53 PM
Post #4


Advanced Member
Group Icon

Group: Members
Posts: 101
Joined: 11-April 05
Member No.: 3,843



Also, to get your borders to stay away from the side of the window, using margins. If you use apply a 5px margin to a floated <div> using CSS, it will stay 5px away from the side of the window no matter what the size is.

Hope that helps.
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic

Collapse

> Similar Topics

Topics Topics
  1. How To Create A Popup Window With Javascript?(19)
  2. Visual Web Developer 2005 Express Edition Beta 2(13)
  3. Free Links Exchange: Promote & Increase Page Rank(9)
  4. How To Increase Windows Shutdown Speed(40)
  5. A Solution For Disabled Right Click On Web Page(20)
  6. Remove Window Animation - Make It Run Faster(8)
  7. Disable /change The Find In Page Sound In Firefox(1)
  8. PHP Tutorial: Form Verification And Simple Validation(12)
  9. How To Increase Your Google Page Rating ?(16)
  10. Choosing A Different Joomla Start Page(5)
  11. Window Xp Proffesional(12)
  12. Centering The Page(9)
  13. Problem With Purchase Credits Page(7)
  14. Server Status Page Gone(1)
  15. Was My Site Data Copied By Someone?(6)
  1. Unintrusively Streaming Pdf Documents Into A Web Page(2)
  2. How To Create/edit/delete Ftp Accounts With Php(2)
  3. Javascript Tutorial For Beginner(0)
  4. Updating Only One Thing In A Page?(3)
  5. How To Create A "user Profile" Page.(14)
  6. Similar Page Checker(0)
  7. Make It Impossible To View Page Source(11)
  8. Hidden A Page Url(1)
  9. Hacked By Dumansal(2)
  10. Center Update(5)
  11. How To Make A Window Form Smooth Snap To Desktop Edge ?(3)
  12. Question Related To Website(5)
  13. Free Page Rank Checker Tool(1)


 



- Lo-Fi Version Time is now: 20th November 2008 - 11:00 PM