View Full Version : Website resolution


icecube0045
06-05-2004, 12:52 AM
Hey, im creating a website but I need some help with creating a script so that my website will load in all browsers without a horizontal bar no matter what the users resolution is. Can anyone help me out please? My website is www.nbmracing.com when I use it on a smaller resolution, horizontal bars appear. Is there a script or something to fix it if so please tell me.
Thank Your For your Time
Johmel Galloway

salomeyasobko
06-05-2004, 01:15 AM
horizontal bar? are you talking about the scrollbar? if so, add this code after the <head> tag:

<style type="text/css">

body {overflow-x: hidden;}

</style>

hope that helps? :)

Rosey
06-05-2004, 01:42 AM
the only thing is that if you want that scrollbar to disappear in a smaller resolution, the people visiting your site won't be able to see your whole site!

Penguin_Otaku
06-05-2004, 03:32 AM
Might need to make to versions, that's what I had to do to make it look FAIRLY decent, but I think a lot of people are using 1024 x 768 now so I'd just design for that if you wanted.

pb&j
06-05-2004, 04:29 AM
Might need to make to versions, that's what I had to do to make it look FAIRLY decent, but I think a lot of people are using 1024 x 768 now so I'd just design for that if you wanted.
over half the population probably still uses 800x600.
plus for anyone using a higher res, who is to say they view the window in maximized state? in that case, there are thousands of different resolutions to consider.

the best advice, try to adjust your layout to be most flexible to satisfy many. use percentages when available, solid measurements otherwise.

Protoman
06-05-2004, 05:41 AM
What I do is make the page a table with the width value as 100% to stretch across the whole page and with 0 cellpadding. That way the text can't escape your page.

icecube0045
06-05-2004, 05:19 PM
Thanx alot for that code!! it orked, now i just need to center it, thanx alot!

icecube0045
06-05-2004, 05:22 PM
horizontal bar? are you talking about the scrollbar? if so, add this code after the <head> tag:

<style type="text/css">

body {overflow-x: hidden;}

</style>

hope that helps? :)
Is there a way i can make evrything centered now in both resolutions?

pb&j
06-05-2004, 05:55 PM
<style type="text/css">
body {text-align:center;}
</style>

icecube0045
06-05-2004, 07:18 PM
<style type="text/css">
body {text-align:center;}
</style>
I mean to like center the whole page, not just the text.

kittycat
06-05-2004, 08:02 PM
That will centre everything on the page (in IE, anyway)

icecube0045
06-05-2004, 08:22 PM
That will centre everything on the page (in IE, anyway)
No it dosent, i just tried it..

kittycat
06-05-2004, 08:27 PM
What page is this on? Everything in that link you posted looks centred to me...

icecube0045
06-05-2004, 08:46 PM
It depends on your resolution, but hold on give me like 10 minutes to finish updating it and then look at the link ill let you know when.

Rosey
06-05-2004, 09:37 PM
you have your stuff with absolute positioning, you can't center things, no matter what alignement you choose, the stuff that's positioned absolutely will always be in the same place.

icecube0045
06-05-2004, 10:00 PM
you have your stuff with absolute positioning, you can't center things, no matter what alignement you choose, the stuff that's positioned absolutely will always be in the same place.
Is there a way I can Change that?

Rosey
06-06-2004, 12:34 PM
not absolute position?

icecube0045
06-06-2004, 04:00 PM
yea

Rosey
06-06-2004, 06:36 PM
i meant, that's your only solution, if you want it to be in the middle for every resolution, you're going to have to drop absolute positioning