TalkPHP - View Single Post - Question

delayedinsanity · 02-28-2010, 03:59 PM

Quote:

PS: I see your using position:absolute on your bottom right corner ... which i guess makes it look weird.

That's because he's using css rounded corners to create the look of his site. They're absolute positioned inside of the rounded-box div and won't have an effect on where the actual content is being positioned.

css Code:

div.rounded-box {
        position:relative;
        width: 700px;height:100px;
        background-color: #65c9fe;
        margin: 0px 0px 0px 152px;
    }

This is where the problem may lie. You're positioning the main div 152 pixels from the left border, and while that may center it on certain displays, the larger the resolution, the more whitespace you're going to wind up with on the right side. Give this a try:

css Code:

div.rounded-box {
        position:relative;
        width: 700px;height:100px;
        background-color: #65c9fe;
        margin: 0 auto;
    }

On a side note, you don't have to specify the method of measurement, such as px or em, on 0 widths. Also, since you have a good handle on CSS so far, you might want to look into shorthand properties (http://www.w3schools.com/css/pr_margin.asp for example) so that you don't find yourself creating larger stylesheets than necessary.