Website viewing in widscreen and regular

September 9, 2009 at 01:52:46
Specs: Windows XP, 252
Hello, I have a website which contain galleries and pictures, I notice when i go on another computer that has a wide screen the images are stretched, is there anyway using any html code or something for my images to view perfect in both widescreen and 1024X768 or higher? thanks...

See More: Website viewing in widscreen and regular

Report •


#1
September 10, 2009 at 11:09:00
Hi,

What Layout did you use for your website? Table or DIV Layout?

I recommend you to use "Liquid Layout using CSS" for making your web Page. If you use liquid layout then it will work on all screen resolutions. This layout automatically adjust in all resolutions.

I hope it will work for you.

Regards,
Qasim Ali.

http://qaswallpapers.sitesled.com


Report •

#2
September 13, 2009 at 02:24:09
For me, using tables with a definite width (not %) is faster and easier. Take a look at the source code for:
http://www.northgeorgiamtnproperty....
which is designed to fit an 800 pixel wide screen.
and
http://www.northgeorgiamtncabinrent...
which is designed to fit a 1024 pixel wide screen

Also assign the original width and height for each image.

jpw


Report •

#3
September 13, 2009 at 11:39:34
Hi, Linda!

I have checked your both sites and they looks gorgrous. Now turn to your question I open your both sites in 800*600 and 1024*768 and 1152*864 screen resolutions but I didn't look any image stretch on my PC.

I had also faced same problem couple of months ago but I found only one solution which is Liquid Layout using CSS. A very expert man told me this. I have made my this site in tables and it looks me more complex and it's pretty much tough to update it. But you are saying table technique is faster. I don't know why? You will have seen that most of the popular and biggest websites are using DIV You can use DIV in pixels instead of %. It's much easier than table and I suggest you to try once this technique (Liquid Layout), I am pretty sure that your site will fit in all wide screen and you will get your desired results.

I think there is not any other solution axcept this.

You can see Liquid Layout Tutorial on this:
http://www.maxdesign.com.au/present...

Is this helpful to you?

Regards,

Qasim Ali.

Hollywood Wallpapers


Report •

Related Solutions

#4
September 14, 2009 at 16:45:28
Maybe it's easier for me because I have been using tables before DIV and liquid layout became popular. Plus, I can view the page in Firefox and ctrl click on different areas and see an outline of the table cells. My technique might not be the best for you.

jpw


Report •

#5
September 15, 2009 at 04:53:48
I'm using microsoft office xp which is from 2003 i think, My site is table based.. It took me forever to learn tables and I have no idea what liquid layout is.. That actual site looks fine and it adjusts to 1024x768 or higher and widescreen fine, it's just the pictures, I was thinking maybe there is a certain html code that would prevent the pictures from stretching when someone views the site in widescreen.. Anything below 1024X768 is more for people with older computers, which not many of them out there

Report •

#6
September 15, 2009 at 11:24:57
ada1984........What is the address of your website in question?

jpw


Report •

#7
September 20, 2009 at 07:11:34
http://www.vintageceilingfans.com

Adam


Report •

#8
September 21, 2009 at 02:59:53
I see you are using Frontpage as your editor. Sometimes Frontpage does funny things to a web page, depending on the browser being used. I tried Frontpage several years ago, but the results were so different between browsers that I went back to using Notepad as my editor.

I looked at only a couple of pages with images and the images appear to have fixed with and height assigned. I suggest you take one particular page and set the table widths to a fixed width (instead of 100%) of 982 pixels wide (since that is the width of your header image) and see if that makes a difference on a wide screen monitor.

jpw


Report •

#9
September 21, 2009 at 19:59:45
I use Microsoft front page as the editor along with other html that I find on the internet which front doesn't have.. Front page can become glitcy when using html scripts it doesn't recognize

example:

<html></body><html><html></body><html><html></body><html><html><html><html><html><html>

I notice this alot


Report •

#10
September 21, 2009 at 20:04:23
I know setting the percent of the tables will stretch the table, and content to the size of the persons resolution. I've done the fixed setting before, and it will fit perfect with the resolution I'm using but may be gaps on the right and left sizes if someone else is using a higher resolution or wide screen.. I all the images are there original size, as the file is..

Report •


Ask Question