Resolution coding help

[runemetsa]

Hi there all!

 

 

 

I published my company's website yesterday: Yuck! Designs. Now I got a bit of a problem. As you go to the site, if you're using a low resolution, the text will be off the right side. I'm using 1680x1050 and it's working fine. Does anybody know, how I could make it work for every single resolution? Any help would be nice.

 

 

 

Thank you.

[pryomancer]

I don't know much about coding, but perhaps you should redesign the text so it works with, say, a 1024x768, since that's the most common.

 

Your resolution is much rarer. I'm using 1280x1024 and the text still comes off the right side.

[sloter]

Yu could use percents in your css instead of setting it as pixels. That way it will auto adjust.

[runemetsa]

I don't know much about coding, but perhaps you should redesign the text so it works with, say, a 1024x768, since that's the most common.

 

Your resolution is much rarer. I'm using 1280x1024 and the text still comes off the right side.

 

 

 

I made the new front page with two different selectable resolutions. Can you get it to work now?

[pryomancer]

When I pick 1024x768 the text goes off from the left. :lol:

[runemetsa]

When I pick 1024x768 the text goes off from the left. :lol:

 

 

 

It get's even more weird. When I change my resolution to 1024x768 and go there, it works just fine. And it worked with my iPhone too.

[dsavi]

I responded on DA, if you can't be bothered to go there:

 

 

Here's one way of putting the main content box in the middle, so that your text doesn't overflow on any resolution:

 

 

 

width: X px; (X= How wide you want your area to be, in pixels)

 

position: absolute;

 

left: 50%;

 

margin-left: -X divided by two px; (Divide X by two and make it negative, if you see what I mean)

 

 

 

So for example:

 

width: 960px;

position: absolute;

left: 50%;

margin-left: -480px;

 

 

 

Add this to the CSS of your main content element, and take away any other width, position, left, or margin-left attributes in your css, or just change them to the values you want.

[runemetsa]

Yea, I was just reading that. Sorry.

 

 

 

The only thing in CSS is, that I don't know how to add it on to a own html page in Freewebs.

[dsavi]

If you want CSS on freewebs, you'll have to "Downgrade" (Yeah, that's what they call it) to HTML only. That means no adding guestbooks, chatrooms or the likes unless you have the code for those yourself. I have a freewebs site (Getting close to a year old) so I'll see how you do it in the new interface.

 

 

 

Edit: I can't find it. :x You might have to delete your account and create a new one with the same name in "Advanced mode" and create it from scratch using something like KompoZer, which is a lot easier than just using notepad. Then upload it on to your site and you're pretty much done.