Forum Answered (V4) Image header problems
 

<div>I replaced my image header in the style vars title image, and all went great, EXCEPT, it wasn't centered.
So after reading lots and lots of forum posts, I added the following code in my common templates header section...

<div style="margin:0px auto; width:900px;">

Where 900px is the actual width of my header.

Great, it's center. HOWEVER, if you shrink my forum or make the width of the window smaller the header hangs off to the right.

I am thinking this has something to be done with setting overflow to none, however, I don't know, because I know very little about coding.

Can anyone give me some direction on which direction to go, where to go and how to do it?

Below is the code in the header section in the common templates areas. the blue text is what I added.

<div class="above_body">

{vb:raw ad_location.ad_header_logo}
http://vb.ma7room.com/{vb:stylevar titleimage}

• {vb:rawphrase log_out}
  
  
• {vb:rawphrase register}
  
  
• {vb:rawphrase control_panel}
  
• {vb:rawphrase your_profile}
  
  
• 
  {vb:rawphrase your_notifications}: {vb:raw notifications_total}
  
  • {vb:raw notifications_menubits}
    
  
  
  
• 
  {vb:rawphrase your_notifications}
  
  • {vb:rawphrase no_new_messages}
    
  • {vb:rawphrase inbox}
    
  
  
  
• {vb:rawphrase welcome_x_link_y, {vb:raw bbuserinfo.username}, {vb:link member, {vb:raw bbuserinfo}}}
  

{vb:raw template_hook.header_userinfo}
{vb:rawphrase last_visited_x_at_y, {vb:raw pmbox.lastvisitdate}, {vb:raw pmbox.lastvisittime}}

• {vb:rawphrase register}
  
  
• {vb:rawphrase help}
  
• 
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  {vb:rawphrase remember_me}
  
  
  

{vb:raw ad_location.global_header1}
{vb:raw ad_location.global_header2}



{vb:raw ad_location.ad_header_end}