?

Log in

No account? Create an account

s2_tranquility

Problem with centering

« previous entry | next entry »
Jun. 20th, 2006 | 06:14 pm
mood: confusedconfused
posted by: sdlucly in s2_tranquility

Hello there. I was changing the layout of a community and after adding the header, both the metadata and the main page moved to the left side of the screen. I'm not sure why this happened. The moment I remove the header, it returns back to normal. So, I wonder, what's the problem?

Figured, I might as well just add the code.

layerinfo "type" = "user";
layerinfo "name" = "coded by sdlucly";
layerinfo "source_viewable" = 1;
function Page::print_custom_head() { """

""";
}

set f_menu_header_size = "100%";
set f_comment_link_size = "100%";
set c_main_border = "#000000";
set f_entry = "Arial";
set f_page_size = "12px";
set text_comment_reply = "Reply";
set f_meta_size = "100%";
set text_links_spacer = "_______________";
set c_page_text = "#333333";
set text_comment_anonymous = "";
set f_comment_link = "Arial";
set text_meta_music = "music";
set c_page_link = "#003366";
set view_entry_disabled = false;
set text_read_comments = "{#}";
set f_meta_link = "Arial";
set f_page_title = "Georgia, serif";
set page_recent_items = 20;
set text_permalink = "Link";
set c_menu_text_color = "#000000";
set text_post_comment_friends = "Give feedback";
set c_meta_link_active = "#000000";
set c_page_title = "#000000";
set c_footer_link = "#000000";
set c_comment_two_background = "#a5c6d7";
set comment_userpic_style = "";
set f_comment = "Arial";
set c_entry_text_color = "#051822";
set c_comment_screened_title_color = "#000000";
set c_comment_two_link_active = "#000000";
set f_comment_size = "100%";
set f_page_link = "Arial, serif";
set c_comment_screened_background = "#cccccc";
set c_page_link_active = "#006699";
set f_footer = "Arial";
set c_entry_link_visited = "#000000";
set c_comment_screened_link_visited = "#000000";
set f_page_link_size = "100%";
set c_comment_one_text_color = "#000000";
set c_comment_one_background = "#a5c6d7";
set text_reply_nocomments = "Comments have been disabled for this post.";
set c_menu_background = "#a5c6d7";
set c_comment_screened_link = "#000000";
set text_nosubject = "";
set c_comment_one_title_color = "#000000";
set f_menu_current_size = "100%";
set c_entry_border = "#999999";
set f_menu_link = "Arial";
set text_comment_viewall = "view all comments";
set c_comment_one_link_active = "#000000";
set c_meta_link_hover = "#000000";
set c_entry_link_hover = "#000000";
set c_comment_two_text_color = "#000000";
set text_meta_location = "location";
set c_menu_header_color = "#000000";
set f_page_title_size = "190%";
set text_view_month = "View Subjects";
set c_comment_one_link = "#000000";
set use_shared_pic = false;
set c_page_background = "#668da2";
set c_comment_screened_link_hover = "#000000";
set f_meta_link_size = "100%";
set text_comment_thread = "Thread";
set c_meta_text_color = "#000000";
set f_meta = "Arial";
set f_entry_size = "100%";
set show_entrynav_icons = true;
set text_view_recent = "Latest stories";
set c_meta_background = "#a5c6d7";
set c_menu_link_hover = "#284e7d";
set menu_disable_summary = true;
set f_comment_title = "Arial";
set f_menu_size = "100%";
set f_menu_header = "Arial";
set c_menu_current = "#000000";
set c_menu_link_visited = "#000000";
set css_page_width = "850px";
set f_footer_link_size = "100%";
set text_meta_mood = "mood";
set c_header_background = "#a5c6d7";
set c_footer_link_active = "#000000";
set text_summary_header = "Page Summary";
set c_comment_two_title_color = "#000000";
set c_header_border = "#668DA2";
set c_menu_link = "#000000";
set text_view_userinfo = "User Info";
set c_footer_link_hover = "#000000";
set f_menu_current = "Arial";
set c_footer_text_color = "#000000";
set c_entry_link_active = "#000000";
set f_footer_size = "100%";
set page_friends_items = 20;
set f_entry_link_size = "100%";
set f_menu = "Arial";
set text_view_friends = "Friends";
set c_comment_one_border = "#bbc4c9";
set c_menu_border = "#000000";
set f_page = "Arial, serif";
set c_comment_two_link_visited = "#000000";
set c_comment_two_link_hover = "#000000";
set c_entry_background = "#a5c6d7";
set c_page_link_hover = "#006699";
set f_comment_title_size = "130%";
set c_comment_one_link_visited = "#000000";
set text_comment_parent = "Parent";
set text_view_archive = "Archive";
set time_format = "%%hh%%:%%min%% %%a%%m";
set c_entry_link = "#000000";
set text_post_comment = "Leave a comment";
set c_comment_screened_border = "#999999";
set f_entry_title = "Arial";
set c_footer_link_visited = "#000000";
set c_entry_title_color = "#051822";
set text_links_header = "Information";
set c_footer_background = "#668da2";
set c_comment_screened_text_color = "#000000";
set date_format = "%%mon%%. %%dayord%%, %%yyyy%%";
set f_menu_link_size = "100%";
set text_read_comments_friends = "{#}";
set c_comment_one_link_hover = "#000000";
set f_entry_link = "Arial";
set c_comment_screened_link_active = "#000000";
set c_page_link_visited = "#003366";
set c_menu_link_active = "#ff0000";
set c_meta_link = "#000000";
set text_comment_from = "From:";
set f_entry_title_size = "150%";
set f_footer_link = "Arial";
set c_comment_two_border = "#999999";
set c_meta_link_visited = "#000000";
set text_max_comments = "Maximum comments reached";
set c_comment_two_link = "#000000";
set c_main_background = "#a5c6d7";
set text_reply_nocomments_header = "Comments Disabled:";
set text_comment_ipaddr = "IP Address:";
set css_style_overrides = "#banner {background-image: url(http://img.photobucket.com/albums/v492/sdlucly/Layout-TranquilityII/theocslashheader.jpg); height: 390px; width: 970px; margin: 0 auto;} #banner h1 {display: none;}";

Now, as you can see in this link, the only thing centered (in a way) is the banner, the whole layout is leaning to the left side. What happened? When I delete

set css_style_overrides = "#banner {background-image: url(http://img.photobucket.com/albums/v492/sdlucly/Layout-TranquilityII/theocslashheader.jpg); height: 390px; width: 970px; margin: 0 auto;} #banner h1 {display: none;}";

the layout is back in the center, but without the header, of course. Help? Please?

edit: After a lot of changing, I've realized that it's because of the size of the image header, 970px. If I shorten it to 950, the layout doesn't move much from the center. However, I assume there must be a way to have a long header and yet the layout stays in the center. Still wondering about that.

Link | Leave a comment |

Comments {0}