Printable View
Hello Dudes!
I've got a problem with resolution of my website. I've created it in 1024x768... and when any user has LOWER / HIGHER resolution than 1024x768... my site behaves pretty bad... background is stretched than... U know...
My question is: what should I do to lock the APPEARANCE of my website, that it could'n change in such different resolution cases...
If U have any idea... some script... or piece of ADVICE...
KIND REGARDS! :wink:
Does your website have to be 1024x724?
A lot of home users still use 800x600 because they do not know how to change it.
800x600 is huge, does anybody actually use that resolution? 1024x768 is probably the most common resolution, though, i've got mine at about 1280x1024..Quote:
A lot of home users still use 800x600 because they do not know how to change it.
ZooM: have you got a link to the site?
You can create 2 different sets of index pages for 1024x768 and for 800x600 resolution users.
On the index page, keep a script to detect the user's resolution and then, accordingly direct them to the appropriate page.
if (screen.width==800 && screen.height==600)
window.location=index800.html
else if (screen.width==1024&&screen.height==768)
window.location=index1024.html
else
window.location=index1024.html
Prithivi, the brute force method obviously is not an option in a website. I can give you tens of very good reasons why you don't want to do it your way, but anyway.
ZooM, you might want to choose working with relative measures and not absolute. Let us know your website address to tell you what the problem is and how you can solve it.
Btw, images will always be smaller on higher resolutions, that's the idea! The user setting his resolution higher has usually a big monitor and would be very unhappy if you follow the idea of Prithivi and make things appear extremely huge on the screan. We can all zoom!
This is my website adres:
www.vault69.tk
What should I do?
In different resolutions that site looks different too... :(
Help if U can....
:cry:
I am currently using 1152x864 and your site appears aligned a bit to the left of the center.
Other than that, there is nothing wrong with it.
I fail to understand why the page items would look huge if the viewer is redirected to the appropriate page.Quote:
Originally Posted by ti-design.bizhat.com
If, say I am using 1152 resolution, then the script would detect my screen width and height and automatically redirect me to the index1152 page (the page that has been designed according to 1152 resolution)
On the other hand, if you keep a fixed 1024 page, then anyone using a higher resolution would find the page items a bit larger.
Hey Prithivi, that's the point!
"ti-design.bizhat.com" was right...
When U change your resolution to higher... this site will be more moved to the left than before...
"ti-design.bizhat.com" HELP!!!
Then arrange your entire page within a table, and align that table to the center of the page.Quote:
Originally Posted by ZooM
So whatever resolution the viewer views it at, it will always be aligned at the center.
besides, what I was talking about earlier was redesigning your layout for different resolutions, not using the same one for all.
The construction of this site is very very simple...
And all elements are CENTERED...
MENU is in TABLE...
iFRAME is CENTERED...
...
but BACKGROUND... isn't! and background causes that unfit effect...
BTW: can U see in menu Rollover Effects? because in my friend PC there aren't any rollovers... ;(
I can see the effect on the status bar, if that's what you are talking about.
btw, what values are u using for the dimensions.........absolute or relative?
like height, width, etc........have u used % or absolute values?
I used absolute dimensions (in pixels). Is that my problem??
How can I change absolute to relative?? And what can I do wid that background?? :?:
Well, man, that's not how we do these things today, but thats another story. The most important mistake is that besides the menu&the frame everything is background. Both your html markup & your javascript code have mistakes... That's not good at all, but anyway:
You can do the following (I will never do it like this, but that's the simplest solution to your problem, I think): Define the background of <body> to be only the grey color without the top pic and the blue frame. Make another image from the top pic and the blue frame (just cut it from your background.gif). Lets call this new picture NEWPIC.gif Then add the following:
* AFTER <BODY> the line
<center>
<div style="margin: 0; padding: 0; background-image: url('NEWPIC.gif')">
HERE COMES YOUR BODY TEXT
* and just BEFORE </body> add up
</div></center>
So you put everything in a div, the backgroung of which you set NEWPIC. This is approximately what you could do. But Again, THIS IS A COMPLETELY WRONG APPROACH, designers hate the old-fashioned table-based layouts and (inline) frames. And (unnecessary) javascript. Btw your animation is not working due to errors in your JS code...
Hey... U are realy good in all this stuf... :oops:
so:
1. What can I do wid these scripts, to make ROLLOVER work properly?
2. DIV is all I can do to resolve my RES problem? What then with grey texture in both sides of website??
3. You wrote:...so what construction I can use to make this site more professional?Quote:
THIS IS A COMPLETELY WRONG APPROACH, designers hate the old-fashioned table-based layouts and (inline) frames.
My construction is very simple, but I can rebuild it from very begining. So what are my HTML markup errors, and what tags should I use?
Great thanks!
Well, obviously I can not give you a complete tutorial in one sentence, but you have to realize the following. If you'll be happy with the fact that about 80% of the people will see you site the same way and you don't care there are html errors that are differently interpretted by the different browsers (talking bout the other 20%), then just keep it that way. Otherwise, if you do care, and if you have some time you want to spend on that: start reading. Excellent starting point would be: http://www.w3schools.com/html/ and http://tranchant.plus.com/web/html-tutorial/
Once you start making html pages that validate (http://validator.w3.org/), you should have to start reading about Cascading Style Sheets (http://www.w3.org/Style/CSS/). So that's how designers try to work today: valid (x)html with all styling and layout defined in different CSS page, that are included in your html files with one command.
Oh jeah, if you still try to follow the way i suggested yeaterday, then also make sure you set the margins of your table and iframe to 0, forgot to mension that. Success.
Thanks bro... I will try your ideas... Realy thanks :)
sure man, anytime. let me know if you have difficulty in implementing it.
Scripts are good. Thanks. I've copy them to my notes.
hey... I'm workin on my page.. but one mo thing:
How can I fix my rollover effect and Javasrcipts? I 'd like to see them work together :( Is there anythin I can do to fix that?
Kind Regards...