vb.org Archive - why won't it work...

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB3 Programming Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=15)

- - why won't it work... (https://vborg.vbsupport.ru/showthread.php?t=219193)

Winterworks

07-22-2009 04:42 PM

why won't it work...

Okay, I have a header on a blank page. Right now, it's aligned to the left, touching the side of my browser.

I want to have an imaginary 900px wide, 100px high box, with the header in it. (not repeating though, as the header image itself is only 300px wide).

I want the imaginary box to be centered, and the header to the very left of that imaginary box.

Here's some codes I have..

Stylesheet.css:

Code:

.header {

        position:relative;

        background:#ffffff url('images/header.png') no-repeat;

        height:100px;

        width:900px;        

        padding:0;        

        color:#ffffff;

        align:center;        

}

Index.html:

Code:

<body>

<div class="header">&nbsp;</div>

</body>

Why won't it work?

Dismounted

07-23-2009 06:11 AM

CSS does not have an "align" property. Try "text-align" instead.

1Unreal

07-23-2009 03:38 PM

You can't align layout elements with text-align. You have to give it a width and then use margin: auto;

Code:

.header {

        position:relative;

        background:#ffffff url('images/header.png') no-repeat;

        height:100px;

        width:900px;        

        padding:0;        

        color:#ffffff;

        margin: auto;

}

All times are GMT. The time now is 04:47 PM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01041 seconds Memory Usage 1,710KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (3)bbcode_code_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (3)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: