HTML - Website Screen Resolution Problem

Alright I am new to this and I just finshed a fairly elaborate site for a buddy of mine. However, I didn't realise I was setting the whole site up under my screen resolution which is 1680x1050. Is there any way to make the site automatically adapt to different screen resolutions without me having to change every page I made. Please Help !!!

Hi all

i have my website all complete but the one thing i would like to do is put an image on the opening page that fills the screen.. no matter what screen resolution someone is on... i have seen this on sites before but cannot remember where it was.

has anyone got any idea how i coul do this?

any help would be much apreciated

Thanks

Ok, I'm new to this stuff. But I'm learning. How wide do you want to set your width of your webpage in pixels? 1000px, 1200px, or what? I'm working in dreamweaver and I have a big screen monitor and I have the resoultion at 1920x1080. I'm am guessing based on my experience you should use high screen resolutions, but I'm not sure how much to set the [wrapper] width in the CSS settings. I look at web pages with a 1920x1080 resolution and they strech all the way across the screen, but except the middle part. The middle part I'm guessing is at a smaller px size. I'm guessing it could be at a 1000px width. Am I'm right here? But this part is what i'm trying to figure out here. How do you make a page be viewed on a big resolution page like at 1920x1080 resolution and make it compatible with all of the other screen resolutions.

Any Expert Advice or Very Helpful Hints Will Help Me Very Much,

Thanks,

Chris Clark

I need to figure out my navigation bar & how exactly I'm going to do it.

I'd prefer to have it one long row, but I'm running at 1280x1024 and it looks great, but I dont think most people run their screens at that.

So what should I do? Keep it long, or make 2 even rows?

Will it adjust to be smaller on the smaller resolutions? Is there a way to make it liquid?

Hi all,

Im just wondering if it is possible in any way to undertake this functionality....

I have different homepages which are essentially the same content but each is designed for a different screen resolution so that when in full screen mode the data will occupy the complete screen.

Is there any way to load a certain homepage based on a user's screen resolution, eg if their resolution is 800x600 then homepage A is loaded, if 1024x768 then homepage B is loaded etc.

Since a user's screen resolution info is readily available is it possible to undertake such a feature?

Thanks in advance!

McB

How to make the same layout for all pages in different screen resolutin?
For example, user's screen may set up relolution in pixels as

800x600,
1024x768,
1280x800

I am trying to create a table that does not change size depending on what the screen resolution is set to. I know that it is good practice to use percentages, however, as I am used to using pixels, I am finding it frustrating as I don't get the desired table size I want when the resolution is changed

Here is an example of the table, if anyone can help me with the changes, it would be much appreciated or if you could point me in the direction of a tutorial that makes the table resize to reflect the chosen resolution preference, that too would be welcomed

Code:

<font color="#FFFFFF" face="Verdana" size="2">
<table width="810px" align="center" border="0" cellspacing="0" cellpadding="0">
  <tr bgcolor="#000033"> 
    <td height="130px" colspan="2"><div align="center">Header</div></td>
  </tr>
  <tr> 
    <td width="130px" height="130px" bgcolor="#000066"><div align="center">Login</div></td>
    <td width="680px" height="130px" bgcolor="#000099"><div align="center">Image</div></td>
  </tr>
  <tr bgcolor="#0000CC"> 
    <td height="80px" colspan="2"><div align="center">Page Title</div></td>
  </tr>
  <tr> 
    <td bgcolor="#0033FF"><div align="center"></div></td>
    <td rowspan="15" bgcolor="#0066FF"><div align="center">Body</div></td>
  </tr>
  <tr> 
    <td bgcolor="#0033FF"><div align="center">Link 1</div></td>
  </tr>
  <tr> 
    <td bgcolor="#0033FF"><div align="center">Link 2</div></td>
  </tr>
  <tr> 
    <td bgcolor="#0033FF"><div align="center">Link 3</div></td>
  </tr>
  <tr> 
    <td bgcolor="#0033FF"><div align="center">Link 4</div></td>
  </tr>
  <tr> 
    <td bgcolor="#0033FF"><div align="center">Link 5</div></td>
  </tr>
  <tr> 
    <td bgcolor="#0033FF"><div align="center">Link 6</div></td>
  </tr>
  <tr> 
    <td bgcolor="#0033FF"><div align="center">Link 7</div></td>
  </tr>
  <tr> 
    <td bgcolor="#0033FF"><div align="center">Link 8</div></td>
  </tr>
  <tr> 
    <td bgcolor="#0033FF"><div align="center">Link 9</div></td>
  </tr>
  <tr> 
    <td bgcolor="#0033FF"><div align="center">Link 10</div></td>
  </tr>
  <tr> 
    <td bgcolor="#0033FF"><div align="center">Link 11</div></td>
  </tr>
  <tr> 
    <td bgcolor="#0033FF"><div align="center">Link 12</div></td>
  </tr>
  <tr> 
    <td bgcolor="#0033FF"><div align="center"></div></td>
  </tr>
  <tr> 
    <td bgcolor="#0033FF"><div align="center"></div></td>
  </tr>
  <tr bgcolor="#003399"> 
    <td height="30px" colspan="2"><div align="center">Footer</div></td>
  </tr>
</table></font>

Thanks in advanced

Guys, hopefully someone can give me a hand here. bear with me, Im a newbie to html yet Im an intermediate/advanced flash programmer. I learned flash but never learned html the right way and am struggling to make html entrance pages for my flash sites.. I know its usually the other way around. i learned flash first.

ok, I have a website I made which is opened in a fixed window. the html index page says "enter here" and that button opens the fixed size window. that works fine.

The problem is Im trying to learn the html and whenever i have an image on this index page, ( some graphics and the "enter here" button) it may look centered @ 1024 x768 but at a higher resolution ( 1280 x 1024) it will appear on the top left of the screen. I have been tinkering with dreamweaver but im really confused. I keep seeing all of these sites where everything looks aligned regarless of the screen setting.

Im not sure if I should use tables , divs or whatever. i have my website logo as a jpg and some other graphics, and im not sure how to put it into the page so it always looks appropriate no matter what screen setting you are on.
There is a company that makes nice websites and their entrance pages are always good. I am gonna attach the url of one of these. I notice that they always use divs, a LOT. Is thsi the right approach? and can someone look at the example and tell me how they are doing it? i dont put the url in the post becuase I do want google or other engines indexing the url to this post (for privacy)

Thanks a lot

url.zip

Ive posted several times here before about this part of my website, guess what.. another challenge yet again

In has got this pop outscript that pops out at the left side of the screen when hovered on.
Click here, see the button on the bottom left to see it working.

Now, I just tested the site on a 1024x768 resolution and when hovered on, it shows but fails
to create a solution for the small screen. ( a horizontal scrolling bar perhaps? )
It just pops up and only half gets shown.

I have tried adding overflow:visible, overflow-x:visible, etc. etc.

Frankly I dont know how to solve it, could appreciate some help. Thanks.

Hello everyone...

I'm building a website

http://newgroundsaward.webs.com/index.html

The problem is that... when ever you minimize the window... the tables shrink. It can only be viewed in 1400x900 resolution. Is there a way to lock the aspect or something.

Here's the link to my style sheet... Any help appreciated. Thank You.

http://newgroundsaward.webs.com/styles.css

Hi,

I'm wondering if there is a way to ensure that my website background will work with any resolution i.e. will the flowers stay flush with the bottom corner of the page?


http://imageshack.us/photo/my-images/819/bg1ev.jpg/

Hey everyone,

I've been redesigning this website I did for a local restaurant, trying some different takes on things (not designing the entire website using framesets and tables), and I'm still a bit confused. I'm currently on a 1280x800 resolution, Windows Vista and Firefox 3, and designing the website in I suppose what would be what looks best in THIS resolution. However, when I switch to 1024x768 which a lot of people are still using, the website is offset to the right due to my 'margin-left: 200px;' in the container. How else can I go about centering this page so that it is in the middle for most/all resolutions?

The link is he
http://www.totaros.com/indexnew.aspx
So far the index, directions, and cuisine pages are fresh. All of the other links should point either dead or to the old website's pages.

Thank you for taking the time to read my message, and thanks for any help in advance!

I think I am missing something or am an idiot. I have a website that is too wide for some screens (I know its wide... I'm doing it for a specific reason, I promise). When its opened on screens that are not as wide of a resolution, it opens all the way to the left and you have to scroll over to center it.

I am hoping someone can tell me the code to center it. Any ideas?

http://www.faithfamilychurch.com/youth/index.html

I've got another problem with my website. I've taken a screenshot that I wanted for my website background. But since it was took on my screen, it doesn't fill the screen on wider monitors.

I'm just wondering if there's any information on auto-resizing a website background. Or is it a scirpt/CSS/php style thing? This problem seems abit more complex than me previous problem.

I'm on a 19 inch monitor. Here is my website for those that have bigger screens than me. http://www.dawncraftmc.com/

Hi,

I am working on some JSP pages . My Desktop system has 1440*900 resolution.
The output generated in this resolution is perfect.

But when i switch to 1280*600 or 800*600 it gives me floated output .

Why it so?

Is there any solution?

I am also using css file to render output