Layout behavior
Posted: Wed 7. Jul 2004, 14:15
Hello alltogher!
I have a strange problem with the layout of a page I just created.
In order to easyly see changes in the pagelayout I left a little white line to see how the 3 tables are looking.
The breadcrumb menu is left and the strange thing is happening now:
If a have a long article, which goes further down that the menu, the white line stoppes and the article text moves from that position on to the left of the page. It should however stay centered in the middle row.
The only thing I did, is change the conf.template_default.inc.php because I wanted to change the color of the menu, and no gif's there.
(alt+p)
the screenshot shows the problem and here is the conf.template_default.inc.php:
<?php
// predefine the default article/content values like space holder images, classes and so on
// simple navigation table defaults
$template_default["nav_table_simple_struct"]["width"] = "100%";
$template_default["nav_table_simple_struct"]["border"] = "0";
$template_default["nav_table_simple_struct"]["cellpadding"] = "0";
$template_default["nav_table_simple_struct"]["cellspacing"] = "0";
// navigation table defaults
$template_default["nav_table_struct"]["table_border"] = "0";
$template_default["nav_table_struct"]["table_width"] = "100%";
$template_default["nav_table_struct"]["table_height"] = "";
$template_default["nav_table_struct"]["table_bgcolor"] = "";
$template_default["nav_table_struct"]["table_bgimage"] = "";
$template_default["nav_table_struct"]["table_class"] = "";
$template_default["nav_table_struct"]["table_cspace"] = "0";
$template_default["nav_table_struct"]["table_cpad"] = "0";
//
$template_default["nav_table_struct"]["space_width"] = 10;
$template_default["nav_table_struct"]["space_left"] = 20;
$template_default["nav_table_struct"]["space_right"] = 10;
$template_default["nav_table_struct"]["space_celltop"] = 2;
$template_default["nav_table_struct"]["space_cellbottom"] = 2;
//
$template_default["nav_table_struct"]["cell_width"] = "100%";
$template_default["nav_table_struct"]["cell_height"] = "15";
$template_default["nav_table_struct"]["cell_bgcolor"] = "";
$template_default["nav_table_struct"]["cell_bgimage"] = "";
$template_default["nav_table_struct"]["cell_class"] = "nav_table";
//
$template_default["nav_table_struct"]["cell_active_width"] = "100%";
$template_default["nav_table_struct"]["cell_active_height"] = "15";
$template_default["nav_table_struct"]["cell_active_bgcolor"] = "";
$template_default["nav_table_struct"]["cell_active_bgimage"] = "";
$template_default["nav_table_struct"]["cell_active_class"] = "nav_table_active";
//
$template_default["nav_table_struct"]["js_over_effects"] = 1;
//
$template_default["nav_table_struct"]["linkimage_norm"] = "";
$template_default["nav_table_struct"]["linkimage_over"] = "";
$template_default["nav_table_struct"]["linkimage_active"] = "";
//
$template_default["nav_table_struct"]["row_norm_bgcolor"] = "#cadaf7";
$template_default["nav_table_struct"]["row_norm_bgimage"] = "";
$template_default["nav_table_struct"]["row_norm_class"] = "";
//
$template_default["nav_table_struct"]["row_over_bgcolor"] = "#cadaf7"; //#AAB7C1
$template_default["nav_table_struct"]["row_active_bgcolor"] = "#cadaf7";
$template_default["nav_table_struct"]["row_active_bgimage"] = "";
$template_default["nav_table_struct"]["row_active_class"] = "";
//
$template_default["nav_table_struct"]["row_space"] = 1;
$template_default["nav_table_struct"]["row_space_bgcolor"] = "#cadaf7";
// article listing with summary
$template_default["space_top"] = "";
$template_default["space_bottom"] = "";
$template_default["space_aftertop_text"] = "<br><img src=\"img/leer.gif\" width=\"1\" height=\"16\"><br>";
$template_default["space_between_list"] = "<br><img src=\"img/leer.gif\" width=\"1\" height=\"4\"><br>";
$template_default["space_between_sum"] = "<br><img src=\"img/leer.gif\" width=\"1\" height=\"12\"><br>";
//
$template_default["top_headline_class"] = "articleList_tophead";
$template_default["top_subheadline_class"] = "articleList_topsubhead";
$template_default["top_text_class"] = "articleList_toptext";
$template_default["top_readmore_before"] = " ";
$template_default["top_readmore_link"] = "more?";
$template_default["top_readmore_after"] = "";
$template_default["top_headline_space"] = "<br><img src=\"img/leer.gif\" width=\"1\" height=\"2\"><br>";
$template_default["top_subheadline_space"] = "<br><img src=\"img/leer.gif\" width=\"1\" height=\"4\"><br>";
$template_default["top_count"] = 1;
//
$template_default["list_headline_class"] = "articleList_listhead";
$template_default["list_startimage"] = "<img src=\"img/article/list_startimage.gif\" width=\"11\" height=\"7\" border=\"0\">";
// breadcrumb
$template_default["breadcrumb_spacer"] = " <span class=\"breadcrumb_spacer\">></span> ";
// article default
$template_default["article"]["title_before"] = "";
$template_default["article"]["title_after"] = "";
$template_default["article"]["title_class"] = "articleHead";
$template_default["article"]["subtitle_before"] = "<br>";
$template_default["article"]["subtitle_after"] = "";
$template_default["article"]["subtitle_class"] = "articleSubHead";
$template_default["article"]["summary_before"] = "<br><img src=\"img/leer.gif\" width=\"1\" height=\"5\"><br>";
$template_default["article"]["summary_after"] = "";
$template_default["article"]["summary_class"] = "articleSummary";
//
$template_default["article"]["head_after"] = "<br><img src=\"img/leer.gif\" width=\"1\" height=\"8\">";
//
$template_default["article"]["content_head_before"] = "<br>";
$template_default["article"]["content_head_after"] = "<br><img src=\"img/leer.gif\" width=\"1\" height=\"3\">";
$template_default["article"]["content_head_class"] = "contentHead";
$template_default["article"]["content_subhead_before"] = "<br>";
$template_default["article"]["content_subhead_after"] = "<br><img src=\"img/leer.gif\" width=\"1\" height=\"2\">";
$template_default["article"]["content_subhead_class"] = "contentSubHead";
//
$template_default["article"]["text_class"] = "articleText";
$template_default["article"]["code_class"] = "articleCode";
//
$template_default["article"]["link_email_before"] = "<br><img src=\"img/article/extlink_1.gif\"><img src=\"img/leer.gif\" width=\"1\" height=\"11\">";
$template_default["article"]["link_email_after"] = "";
//
$template_default["article"]["bullet_sign"] = "<img src=\"img/article/bullet_1.gif\"><img src=\"img/leer.gif\" width=\"1\" height=\"1\">";
$template_default["article"]["link_sign"] = "<img src=\"img/article/extlink_1.gif\"><img src=\"img/leer.gif\" width=\"1\" height=\"11\">";
$template_default["article"]["back_sign"] = "<img src=\"img/article/back_link_0.gif\" border=\"0\">";
$template_default["article"]["top_sign"] = "<img src=\"img/article/top_link_0.gif\" border=\"0\">";
$template_default["article"]["top_sign_before"] = "<div align=\"right\">";
$template_default["article"]["top_sign_after"] = "</div>";
$template_default["article"]["file_name_cell_class"] = "v11";
$template_default["article"]["file_size_cell_class"] = "v10";
$template_default["article"]["file_size_info_class"] = "v09";
$template_default["article"]["link_article_sign"] = "<img src=\"img/article/intlink_1.gif\"><img src=\"img/leer.gif\" width=\"1\" height=\"11\">";
$template_default["article"]["link_article_class"] = "articleLinkInternal";
$template_default["article"]["image_table_class"] = "image_table";
$template_default["article"]["image_table_bgcolor"] = "";
$template_default["article"]["image_bgcolor"] = "";
$template_default["article"]["image_align"] = "";
$template_default["article"]["image_valign"] = "";
$template_default["article"]["image_border"] = 0;
$template_default["article"]["image_class"] = "image_td";
$template_default["article"]["image_caption_class"] = "image_caption";
$template_default["article"]["image_caption_bgcolor"] = "#efefef";
$template_default["article"]["image_caption_valign"] = "";
$template_default["article"]["image_caption_align"] = "center";
$template_default["article"]["image_caption_before"] = '<img src="img/leer.gif" width="1" height="3"><br>';
$template_default["article"]["image_caption_after"] = '<br><img src="img/leer.gif" width="1" height="3">';
$template_default["article"]["newsletter_error"] = "Please check email address!";
// date and time formatting
$template_default["date"]["language"] = "DE"; // DE=German, IT=Italian, FR=French
$template_default["date"]["long"] = "l, j. F Y"; // (Monday, 1. October 2003)
$template_default["date"]["medium"] = "D, j. M y"; // (Mon, 1. Oct 03)
$template_default["date"]["short"] = "Y/m/d"; // (2003/12/25)
$template_default["time"]["long"] = "H:i:s"; // 15:25:45
$template_default["time"]["short"] = "H:i"; // 15:25
// rss image
$template_default["rss"]["image"] = "<img src=\"img/article/rss_valid.gif\" width=\"64\" height=\"13\" border=\"0\" alt=\"Valid RSS\">";
// related articles based on keywords
$template_default["related"]["before"] = "<div class=\"related\">";
$template_default["related"]["after"] = "</div>";
$template_default["related"]["link_before"] = "";
$template_default["related"]["link_after"] = "<br>";
$template_default["related"]["link_symbol"] = "";
$template_default["related"]["link_target"] = "";
$template_default["related"]["link_length"] = 0; //if 0 no limit
$template_default["related"]["cut_title_add"] = "…";
// new articles
$template_default["news"]["before"] = "<div class=\"news\">";
$template_default["news"]["after"] = "</div>";
$template_default["news"]["link_before"] = "";
$template_default["news"]["link_after"] = "<br>";
$template_default["news"]["link_symbol"] = "";
$template_default["news"]["link_target"] = "";
$template_default["news"]["link_length"] = 0; //if 0 no limit
$template_default["news"]["cut_title_add"] = "…";
$template_default["news"]["date_language"] = "EN"; // DE=German, IT=Italian, FR=French, ES = Spanish, DA = Danish, NO = Norwegian
$template_default["news"]["date_format"] = "Y/m/d: "; //if empty -> no Date
?>
has anybody an idea, what is going wrong with my settings?
Thanks for any help!
Regards,
Dieter
I have a strange problem with the layout of a page I just created.
In order to easyly see changes in the pagelayout I left a little white line to see how the 3 tables are looking.
The breadcrumb menu is left and the strange thing is happening now:
If a have a long article, which goes further down that the menu, the white line stoppes and the article text moves from that position on to the left of the page. It should however stay centered in the middle row.
The only thing I did, is change the conf.template_default.inc.php because I wanted to change the color of the menu, and no gif's there.
(alt+p)
the screenshot shows the problem and here is the conf.template_default.inc.php:
<?php
// predefine the default article/content values like space holder images, classes and so on
// simple navigation table defaults
$template_default["nav_table_simple_struct"]["width"] = "100%";
$template_default["nav_table_simple_struct"]["border"] = "0";
$template_default["nav_table_simple_struct"]["cellpadding"] = "0";
$template_default["nav_table_simple_struct"]["cellspacing"] = "0";
// navigation table defaults
$template_default["nav_table_struct"]["table_border"] = "0";
$template_default["nav_table_struct"]["table_width"] = "100%";
$template_default["nav_table_struct"]["table_height"] = "";
$template_default["nav_table_struct"]["table_bgcolor"] = "";
$template_default["nav_table_struct"]["table_bgimage"] = "";
$template_default["nav_table_struct"]["table_class"] = "";
$template_default["nav_table_struct"]["table_cspace"] = "0";
$template_default["nav_table_struct"]["table_cpad"] = "0";
//
$template_default["nav_table_struct"]["space_width"] = 10;
$template_default["nav_table_struct"]["space_left"] = 20;
$template_default["nav_table_struct"]["space_right"] = 10;
$template_default["nav_table_struct"]["space_celltop"] = 2;
$template_default["nav_table_struct"]["space_cellbottom"] = 2;
//
$template_default["nav_table_struct"]["cell_width"] = "100%";
$template_default["nav_table_struct"]["cell_height"] = "15";
$template_default["nav_table_struct"]["cell_bgcolor"] = "";
$template_default["nav_table_struct"]["cell_bgimage"] = "";
$template_default["nav_table_struct"]["cell_class"] = "nav_table";
//
$template_default["nav_table_struct"]["cell_active_width"] = "100%";
$template_default["nav_table_struct"]["cell_active_height"] = "15";
$template_default["nav_table_struct"]["cell_active_bgcolor"] = "";
$template_default["nav_table_struct"]["cell_active_bgimage"] = "";
$template_default["nav_table_struct"]["cell_active_class"] = "nav_table_active";
//
$template_default["nav_table_struct"]["js_over_effects"] = 1;
//
$template_default["nav_table_struct"]["linkimage_norm"] = "";
$template_default["nav_table_struct"]["linkimage_over"] = "";
$template_default["nav_table_struct"]["linkimage_active"] = "";
//
$template_default["nav_table_struct"]["row_norm_bgcolor"] = "#cadaf7";
$template_default["nav_table_struct"]["row_norm_bgimage"] = "";
$template_default["nav_table_struct"]["row_norm_class"] = "";
//
$template_default["nav_table_struct"]["row_over_bgcolor"] = "#cadaf7"; //#AAB7C1
$template_default["nav_table_struct"]["row_active_bgcolor"] = "#cadaf7";
$template_default["nav_table_struct"]["row_active_bgimage"] = "";
$template_default["nav_table_struct"]["row_active_class"] = "";
//
$template_default["nav_table_struct"]["row_space"] = 1;
$template_default["nav_table_struct"]["row_space_bgcolor"] = "#cadaf7";
// article listing with summary
$template_default["space_top"] = "";
$template_default["space_bottom"] = "";
$template_default["space_aftertop_text"] = "<br><img src=\"img/leer.gif\" width=\"1\" height=\"16\"><br>";
$template_default["space_between_list"] = "<br><img src=\"img/leer.gif\" width=\"1\" height=\"4\"><br>";
$template_default["space_between_sum"] = "<br><img src=\"img/leer.gif\" width=\"1\" height=\"12\"><br>";
//
$template_default["top_headline_class"] = "articleList_tophead";
$template_default["top_subheadline_class"] = "articleList_topsubhead";
$template_default["top_text_class"] = "articleList_toptext";
$template_default["top_readmore_before"] = " ";
$template_default["top_readmore_link"] = "more?";
$template_default["top_readmore_after"] = "";
$template_default["top_headline_space"] = "<br><img src=\"img/leer.gif\" width=\"1\" height=\"2\"><br>";
$template_default["top_subheadline_space"] = "<br><img src=\"img/leer.gif\" width=\"1\" height=\"4\"><br>";
$template_default["top_count"] = 1;
//
$template_default["list_headline_class"] = "articleList_listhead";
$template_default["list_startimage"] = "<img src=\"img/article/list_startimage.gif\" width=\"11\" height=\"7\" border=\"0\">";
// breadcrumb
$template_default["breadcrumb_spacer"] = " <span class=\"breadcrumb_spacer\">></span> ";
// article default
$template_default["article"]["title_before"] = "";
$template_default["article"]["title_after"] = "";
$template_default["article"]["title_class"] = "articleHead";
$template_default["article"]["subtitle_before"] = "<br>";
$template_default["article"]["subtitle_after"] = "";
$template_default["article"]["subtitle_class"] = "articleSubHead";
$template_default["article"]["summary_before"] = "<br><img src=\"img/leer.gif\" width=\"1\" height=\"5\"><br>";
$template_default["article"]["summary_after"] = "";
$template_default["article"]["summary_class"] = "articleSummary";
//
$template_default["article"]["head_after"] = "<br><img src=\"img/leer.gif\" width=\"1\" height=\"8\">";
//
$template_default["article"]["content_head_before"] = "<br>";
$template_default["article"]["content_head_after"] = "<br><img src=\"img/leer.gif\" width=\"1\" height=\"3\">";
$template_default["article"]["content_head_class"] = "contentHead";
$template_default["article"]["content_subhead_before"] = "<br>";
$template_default["article"]["content_subhead_after"] = "<br><img src=\"img/leer.gif\" width=\"1\" height=\"2\">";
$template_default["article"]["content_subhead_class"] = "contentSubHead";
//
$template_default["article"]["text_class"] = "articleText";
$template_default["article"]["code_class"] = "articleCode";
//
$template_default["article"]["link_email_before"] = "<br><img src=\"img/article/extlink_1.gif\"><img src=\"img/leer.gif\" width=\"1\" height=\"11\">";
$template_default["article"]["link_email_after"] = "";
//
$template_default["article"]["bullet_sign"] = "<img src=\"img/article/bullet_1.gif\"><img src=\"img/leer.gif\" width=\"1\" height=\"1\">";
$template_default["article"]["link_sign"] = "<img src=\"img/article/extlink_1.gif\"><img src=\"img/leer.gif\" width=\"1\" height=\"11\">";
$template_default["article"]["back_sign"] = "<img src=\"img/article/back_link_0.gif\" border=\"0\">";
$template_default["article"]["top_sign"] = "<img src=\"img/article/top_link_0.gif\" border=\"0\">";
$template_default["article"]["top_sign_before"] = "<div align=\"right\">";
$template_default["article"]["top_sign_after"] = "</div>";
$template_default["article"]["file_name_cell_class"] = "v11";
$template_default["article"]["file_size_cell_class"] = "v10";
$template_default["article"]["file_size_info_class"] = "v09";
$template_default["article"]["link_article_sign"] = "<img src=\"img/article/intlink_1.gif\"><img src=\"img/leer.gif\" width=\"1\" height=\"11\">";
$template_default["article"]["link_article_class"] = "articleLinkInternal";
$template_default["article"]["image_table_class"] = "image_table";
$template_default["article"]["image_table_bgcolor"] = "";
$template_default["article"]["image_bgcolor"] = "";
$template_default["article"]["image_align"] = "";
$template_default["article"]["image_valign"] = "";
$template_default["article"]["image_border"] = 0;
$template_default["article"]["image_class"] = "image_td";
$template_default["article"]["image_caption_class"] = "image_caption";
$template_default["article"]["image_caption_bgcolor"] = "#efefef";
$template_default["article"]["image_caption_valign"] = "";
$template_default["article"]["image_caption_align"] = "center";
$template_default["article"]["image_caption_before"] = '<img src="img/leer.gif" width="1" height="3"><br>';
$template_default["article"]["image_caption_after"] = '<br><img src="img/leer.gif" width="1" height="3">';
$template_default["article"]["newsletter_error"] = "Please check email address!";
// date and time formatting
$template_default["date"]["language"] = "DE"; // DE=German, IT=Italian, FR=French
$template_default["date"]["long"] = "l, j. F Y"; // (Monday, 1. October 2003)
$template_default["date"]["medium"] = "D, j. M y"; // (Mon, 1. Oct 03)
$template_default["date"]["short"] = "Y/m/d"; // (2003/12/25)
$template_default["time"]["long"] = "H:i:s"; // 15:25:45
$template_default["time"]["short"] = "H:i"; // 15:25
// rss image
$template_default["rss"]["image"] = "<img src=\"img/article/rss_valid.gif\" width=\"64\" height=\"13\" border=\"0\" alt=\"Valid RSS\">";
// related articles based on keywords
$template_default["related"]["before"] = "<div class=\"related\">";
$template_default["related"]["after"] = "</div>";
$template_default["related"]["link_before"] = "";
$template_default["related"]["link_after"] = "<br>";
$template_default["related"]["link_symbol"] = "";
$template_default["related"]["link_target"] = "";
$template_default["related"]["link_length"] = 0; //if 0 no limit
$template_default["related"]["cut_title_add"] = "…";
// new articles
$template_default["news"]["before"] = "<div class=\"news\">";
$template_default["news"]["after"] = "</div>";
$template_default["news"]["link_before"] = "";
$template_default["news"]["link_after"] = "<br>";
$template_default["news"]["link_symbol"] = "";
$template_default["news"]["link_target"] = "";
$template_default["news"]["link_length"] = 0; //if 0 no limit
$template_default["news"]["cut_title_add"] = "…";
$template_default["news"]["date_language"] = "EN"; // DE=German, IT=Italian, FR=French, ES = Spanish, DA = Danish, NO = Norwegian
$template_default["news"]["date_format"] = "Y/m/d: "; //if empty -> no Date
?>
has anybody an idea, what is going wrong with my settings?
Thanks for any help!
Regards,
Dieter