473,387 Members | 1,611 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,387 software developers and data experts.

Webpage not displaying correctly on every browser !!

Hi there,

I am just asking what do i do to make my pages open correctly on every size screen of monitor.
As i open my html pages the content get displace and get fuzzy.
please provide me a solution as soon as possible.
May 28 '13 #1

✓ answered by Nepomuk

Hi Sandyyy35 and welcome to bytes.com!

Without more details it will be difficult to know what exactly is going wrong; here however are some general tips:
  • When you use sizes, relative ones are better than absolute ones in most cases (e.g. 50% rather than 400px).
  • For design purposes, use CSS in favour of HTML tags like <font>.
  • Please don't use tables as design elements. Frames are slightly better, but you can achieve everything you'd use them for with CSS.
  • Test your page with a variety of different browsers (Chrome, Firefox, a few versions of IE and Opera should be the minimum) and screen resolutions (the more the better). Maybe even test on mobile devices.
OK, as someone with only very little experience in webpage design, that's all I can think of; others may have tips to add.

9 1647
Nepomuk
3,112 Expert 2GB
Hi Sandyyy35 and welcome to bytes.com!

Without more details it will be difficult to know what exactly is going wrong; here however are some general tips:
  • When you use sizes, relative ones are better than absolute ones in most cases (e.g. 50% rather than 400px).
  • For design purposes, use CSS in favour of HTML tags like <font>.
  • Please don't use tables as design elements. Frames are slightly better, but you can achieve everything you'd use them for with CSS.
  • Test your page with a variety of different browsers (Chrome, Firefox, a few versions of IE and Opera should be the minimum) and screen resolutions (the more the better). Maybe even test on mobile devices.
OK, as someone with only very little experience in webpage design, that's all I can think of; others may have tips to add.
May 28 '13 #2
Thanx for responding.
Here i have attached a page , this page as i am opening in 1360*768 monitor it is looking well. but as i am opening it in 1024*768, this shows as this is.

Any solution for changing width or size.

what should i use % or px in width & height.
what should i use px or em in font size.
Attached Images
File Type: jpg screen size 1024 x 768.jpg (74.3 KB, 183 views)
May 28 '13 #3
Nepomuk
3,112 Expert 2GB
In width and height you should use percentages. In font size, I'd go for either em or ex (as defined here).
May 28 '13 #4
thanx again,

One more last thing i have to ask, what position is best for place div in page. ABSOLUTE OR RELATIVE.
May 28 '13 #5
Nepomuk
3,112 Expert 2GB
In all cases I can think of right now, relative. However, there might be some exceptions to this - especially since <div> can be used for so many different things...
May 28 '13 #6
Thanx Nepomuk for helping me out.

May be i will trouble u more in future for the same.
May 28 '13 #7
Nepomuk
3,112 Expert 2GB
Sure, you're welcome at bytes.com at any time. :-)
May 28 '13 #8
Will you help me in PHP ?
May 29 '13 #9
Nepomuk
3,112 Expert 2GB
I don't know PHP myself but I'm sure if you post your question in the PHP Forum the people there will be happy to help you.

Also, at bytes.com we like to have a separate thread for every question, thus making it easier for viewers to guess as to what will be in the thread from what the title is. Follow up questions that aren't directly related should therefore be posted in new threads. So, another reason to use the PHP Forum. ;-)
May 29 '13 #10

Sign in to post your reply or Sign up for a free account.

Similar topics

0
by: Brian | last post by:
I created an asp.net application on my local machine and it works fine there (I am running IIS locally for devlopment). However, when I place the application on the server, none of my controls...
3
by: duncan | last post by:
I have a text box on a web form here is the HTML for it :- <asp:textbox id="winPts" style="LEFT: 170px; POSITION: absolute; TOP: 80px" runat="server" Width="24px" maxlength="2"></asp:textbox> ...
4
by: Simon Verona | last post by:
I have a class that provides functionality that is around my application. One function it provides is a "PleaseWait" method, which displays a popup please wait form. This works as a pair of...
2
by: Tuvas | last post by:
I am building a TK interface, that has several threads. If all threads are running actively, including the main one, the interface doesn't update. For example, I have something like this, although...
12
by: korund | last post by:
How to make javascript alert with non-english text displaying correctly on computers where english only is default system & language settings? For web page the solution is just use meta tags:...
0
by: anjachow | last post by:
The system generated email that are automatically sent displaying well in any web-based mail systems (yahoo, msn, etc...). The foreign characters (vowels with accents and the ñ) aren't displaying...
0
by: tshad | last post by:
I have set up an upload of doc and pdf files which works fine. If I open up the uploaded files in Word it looks exactly like the my originals. If I open up the files from my web page so that...
4
by: group8perl | last post by:
I have a Perl script which also has some HTML. I managed to get the images to display on explorer using Apache but when using Linux and Firefox the images are not displayed. When using right click...
3
by: shawrie | last post by:
Hello everyone Can someone help me please. I have a table <div class="right_box"> <table class="right_box" cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td...
0
by: Jack Javascript | last post by:
I created a sliding div animation that is toggled by clicking a link. The div starts in a hidden state, and slides slowly open the first time the link is clicked. The second click hides the div...
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.