Skip to content
View in the app

A better way to browse. Learn more.

Tip.It Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Resolution coding help

Featured Replies

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.

mini-eerikki.jpeg

runemetsauserbar.jpg

[Star Wreck][PM me][My gallery][DeviantArt][Cool T-shirts!]

[iron Sky - Trailer is now out!]

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.

spacescenev24.jpg

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

  • 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?

mini-eerikki.jpeg

runemetsauserbar.jpg

[Star Wreck][PM me][My gallery][DeviantArt][Cool T-shirts!]

[iron Sky - Trailer is now out!]

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

spacescenev24.jpg
  • 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.

mini-eerikki.jpeg

runemetsauserbar.jpg

[Star Wreck][PM me][My gallery][DeviantArt][Cool T-shirts!]

[iron Sky - Trailer is now out!]

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.

C2b6gs7.png

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.

C2b6gs7.png

Create an account or sign in to comment

Important Information

By using this site, you agree to our Terms of Use.

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.