September 6, 200817 yr 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. [Star Wreck][PM me][My gallery][DeviantArt][Cool T-shirts!][iron Sky - Trailer is now out!]
September 6, 200817 yr 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.
September 6, 200817 yr Yu could use percents in your css instead of setting it as pixels. That way it will auto adjust.
September 6, 200817 yr Author 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? [Star Wreck][PM me][My gallery][DeviantArt][Cool T-shirts!][iron Sky - Trailer is now out!]
September 6, 200817 yr Author 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. [Star Wreck][PM me][My gallery][DeviantArt][Cool T-shirts!][iron Sky - Trailer is now out!]
September 6, 200817 yr 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.
September 6, 200817 yr Author 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. [Star Wreck][PM me][My gallery][DeviantArt][Cool T-shirts!][iron Sky - Trailer is now out!]
September 6, 200817 yr 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.
Create an account or sign in to comment