The Arcive of Official vBulletin Modifications Site.

Winterworks · #1 07-22-2009, 04:42 PM

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 · #2 07-23-2009, 06:11 AM

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

1Unreal · #3 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;
}

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.04547 seconds Memory Usage 2,170KB Queries Executed 13 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (1)ad_showthread_firstpost (1)ad_showthread_firstpost_sig (1)ad_showthread_firstpost_start (3)bbcode_code (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)navbar (3)navbar_link (120)option (3)post_thanks_box (3)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (3)post_thanks_postbit_info (3)postbit (3)postbit_onlinestatus (3)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.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/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_postinfo_query fetch_postinfo fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_display_complete post_thanks_function_can_thank_this_post_start tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!