1 reply [Last post]
cdogstu99
cdogstu99's picture
Offline
newbie
Last seen: 2 years 47 weeks ago
Timezone: GMT-4
Joined: 2005-06-23
Posts: 10
Points: 2

hi guys,
on my homepage at 1000dollardomains.com

i had been playing with a green header box that i think has messed up the page.

on wider screens it looks perfect but on smaller notebook computers the
page is really narrow--and there is a lot of white space around the main content.

you can see what i mean if you go to quirktools.com/screenfly/

and look at the difference between a 15" notebook resolution and 12"

Anyone have advice to make the resolution appear consistent amongst all screens?

Thanks!

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 2 weeks 2 days ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

HI you will just need to

HI
you will just need to play with the padding on smaller screens using media queries, something like:

@media screen and (min-width: 600px) {
    .top-box {
        padding: 20px;
    }
}