HTML - Resolution... Oh Resolution.
Well, my website is almost complete now, but its still not "wide" enough to extend all the way to the scroll bar on IE. Can anyone explain if there is an HTML code for this? or how to fix this on Dreamweaver?
Similar TutorialsHi. I'm just wondering what standart screen resolution i stheese days? Doen anybody still use 800x600, or is it alright to build a website for 1024x768? If so, is there any "design resolution" to prevent scrollbars in the most usen browsers? (What i mean is what resolution to give for example a flash site) Parashurama Friends I am new to HTML, I have created a page, but when I view it on 00*600 it looks fine as I designed. But When resolution is increased, it shows right side empty. What should I do ????????? I had a graphics designer create an image for a background web page. The dimensions are 950x2000 at 72 DPI. I used the table tag with the background attribute and set the table width to 950, but when I veiw it in the browser, the image is substationally magnified. I tried it in IE 7, IE8, Firefox and Safari, and at different screen resolutions, but it still comes up magnified. If anyone knows what is happening, please let me know. Thanks So, my friends and I are making a gaming clan website, arabsofagrabah.com (Visit it if you want) and we're trying to make it in a way where the middle box is the only thing scrollable. We're having trouble making the frames fit right and also make it so the design stretches to fit all resolutions (obviously made for 1024, but I use 1152), so how can I do those 2 things? Remember... 1) Make the frames correctly fit where the main box is only content and scrollable 2) Stretch for all resolutions without making everyone clicking on a different resolution in the beginning of the site (splash, we'll make one) Remember, we're using dreamweaver MX here Hello everyone! I just finished making a website and found some browser problems, which I sort of fixed. Now I found some problems with the different resolutions. Does anyone know some tips or suggestions that can help me fix that? (p.s My website is at webh3lp.comuf.com) Basically I have recently added more to my "Navigation Bar" it works fine on a "1366 x 768" that is currently my screen settings. Yet i looked on a 1024 x 768 and it was all over the place. Here is screenshots of what I mean. This is what it looks like on the 1024x768 screen. This is how I want it to look on all screens. So im basically saying what settings to I have to apply to make this a fix on all screens. Cheers. 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 !!! May I know how can make sure that my website fit under any resolution with out using Table(table,tr,td) in html??? Hi, When viewed in IE6 (800 x 600), some of my images shift down the web page with blank space above it. The images seem to start at bottom of the left side bar. Firefox displays the images correct. Could anyone help me with this problem? Thanks, Larry Hi there! If this topic has already been covered or there is a tutorial out there that someone knows about, please point me in the right direction. We've created a website on a CD. Pretty much a company profile. The "site" is split into two framesets. The logo of the company is in the top frame while the content is obviously in the main frame. It's perfectly spaced on a 1024x768 resolution. The problem is that if you change it to 1280x1024, there is a gap between the company logo and the content. This looks stupid. Is there a way that we can get the frames to "auto adjust" so that the logo remains intact and the content pretty much remains "attached" to the logo? One of the problems we have encountered is that the frame "overlaps" the logo, so the logo is cut in half. We're at wits end. The source we have for the index file is: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <HTML> <HEAD><TITLE>Intelligent Frames</TITLE> </HEAD> <FRAMESET ROWS="22%, 100%"> <FRAME SRC="top frame.html" NAME="menuframe" scrolling="no" frameborder="0" noresize> <FRAME SRC="main frame.html" NAME="mainframe" scrolling="auto" frameborder="0" noresize> </FRAMESET> <NOFRAMES> There is no frame support on your browser. </NOFRAMES> </HTML> I have also just noticed that even in 1024x768, if I make the browser window smaller, the frame still overlaps the logo. This made me wonder if I shouldn't perhaps be looking at creating "static" or "frozen" frames that can't adjust itself regardless of resolution. Is this perhaps a better way of approaching this problem? Thanks in advance! I Aloha! I have created my site with a resolution of 1280 x 800. Now I understand a bit more about resolution. In order to create my site with a lower resolution, do I merely change my computer's resolution by going to the control panel, and then composing my entire site again? What is the best resolution in which to create it? I also have a question about encoding. When one save's the html. document, how does one know which of the options in which to save it? Thank you for your help. Hi, I created a simple test webpage and publish it online. But when I used my friend's PC with his 19 inch screen, my webpage looked different from when I created it. I heard that it because of the resolution. I need help on how I can make my webpage compatible with all kinds resolutions. Please help as I am a newbie in creating webpage. Thank you so much. I want my webpage to fit any resolution, and I am doing something wrong, could you help me with the right coding? thank you 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 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 Hello, I am a html/php newbie, I will like to have a border (one image) with a iframe in the middle of it. I have tried (sorry if it is a bit messy!): Code: <div align="center"> <!--Begin Template--> <table id="Table_01" width="640" height="822" border="0" cellpadding="0" cellspacing="0"> <tr> <!--Header--> <img src="images/header_01.png" width="640" height="151" alt="header 1"> </tr> <tr> <!--Nav Bar--> <img src="images/index_02.png" width="640" height="21" alt="nav bar"> </tr> <tr> <!--Begin border/iframe--> <img src="images/index_01.png" width="640" height="384" alt="border 1"> <div id="top" style="center: 1023x; top: 167px; position: relative; left: 399px; height: 730px;"> <iframe src="news.html" width="1023" height="478" name="frame" scrolling="auto" frameborder="no"></iframe> </div> </tr> </table> </div> But this only works at 1280x1024 screen resolution. Is there any way to make it compatible with any resolution? Thanks. 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 Hey guys I wondered if you could provide any insight into the best method to ensure that a website will look wonderful regardless of monitor resolution. I'm trying to dip my hands into the wonderful world of design and need a few kick offs to get me going. Thanks, -Rich 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/ Hello, I'd like to know if there's a way to 'force' a website to be viewed in a certain resolution. My site was designed for 1024x768 at home. Externally the office computers I tested it on are set to 1280x1024, and the site looks far too small. Is there html or script that would auto size it to 1024x768 without the user changing monitor resolution? Here's the code: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="language" content="english"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>www.testing.com</title> <style type="text/css"> html,body { height:100%; margin:0; background-color:#000; } #vertical { float:left; width:100%; height:50%; margin-top:-329px; } #container { clear:both; width:933px; height:658px; margin:auto; } #container img { display:block; width:933px; height:658px; border:0; } </style> </head> <body> <div id="vertical"></div> <div id="container"> <img src="comet3.jpg" width="933" usemap="#map" alt="comet3"> <map name="map" id="map"> <area shape="circle" coords="885,123,9" href="comet2.html" alt=""> <area shape="circle" coords="916,124,9" href="comet4.html" alt=""> <area shape="rect" coords="785,71,904,103" href="contact.html" alt=""> <area shape="rect" coords="665,70,756,109" href="about.html" alt=""> <area shape="rect" coords="371,73,462,112" href="index.html" alt=""> <area shape="rect" coords="499,70,632,111" href="portfolio.html" alt=""> <area shape="poly" coords="891,118" href="#" alt=""> </map> </div> </body> </html> Thanks to anyone who can help with this! Cheers J |