Page duplication code error...

Discussion in 'Web Design & Coding' started by Mainframeguy, Jan 2, 2009.

  1. Mainframeguy

    Mainframeguy Debiant by way of Ubuntu Folding Team

    Messages:
    3,763
    Location:
    London, UK
    I am redesigning my blog and as you'll see if you get there before resolution is posted or I remove linkie (which I shall edit out when problem fixed) the page displays twice. I'm convinced it is a dumb CSS mistake that I have introduced tweaking the theme I am using there.... anyone who can spot/guess the error and help me fix it before i do so myself gets guaranteed reps and the kudos for the thread ownage of course...

    Happy New Year guys (and Marge and Jewelzz!) also.
     
    Last edited: Jan 3, 2009
  2. Xie

    Xie - geek - Subscribed User Folding Team

    Messages:
    5,275
    Location:
    NY, USA
    Not sure I can really help, but following the links @ the bottom for "Valid XHTML 1.1 and CSS 3." both showed warnings/errors. :)
     
  3. Mainframeguy

    Mainframeguy Debiant by way of Ubuntu Folding Team

    Messages:
    3,763
    Location:
    London, UK
    thanks Xie - not sure they are the cause though,....

    it's coded up using the Chirp blog engine so it is not as straightforward as raw code...

    Just on the off chance someone else here is able to spot it this is the CSS involved, not sure if it could be the culprit:-

    Code:
    /*
    Theme Name: iNove
    Theme URI: http://joelcalado.com/iNove
    Description: Inspired by MacZone. It is very stylish, Widget supported and no plugins required.
    Version: 1.0.0
    Author: mg12
    Author URI: http://www.neoease.com/
    */
    
    /* static START */
    * {
    	margin:0;
    	padding:0;
    }
    abbr[title], acronym[title] {
    	border-bottom:thin dotted;
    	cursor:help;
    }
    body {
    	background: #b1b6ba url(../images/bg.jpg) repeat-x;
    	color:#555;
    	font-family:Verdana,"BitStream vera Sans",Helvetica,Sans-serif;
    	font-size:12px;
    }
    h1, h2, h3, h4, h5, h6 {
    	font-weight:bolder;
    	letter-spacing:-0.07em;
    	font-family:Arial;
    }
    h1 {font-size:200%;}
    h2 {font-size:170%;}
    h3 {font-size:150%;}
    h4 {font-size:130%;}
    h5 {font-size:110%;}
    h6 {font-size:100%;}
    img {
    	border:0;
    }
    img.sided {
    	background:#FFF;
    	border:1px solid #CCC;
    	padding:3px;
    }
    small {
    	font-size:10px;
    }
    a:hover img.sided {
    	border-color:#A6A6A6;
    }
    a {
    	color:#2970A6;
    	text-decoration:none;
    }
    a:hover {
    	text-decoration:underline;
    }
    blockquote, pre {
    	background:#F4F5F7 url(../images/blockquote.gif) 3px 3px no-repeat;
    	border:1px dashed #CCC;
    	padding:8px 12px 8px 36px;
    	margin:5px 0;
    	white-space: pre;
    }
    .more-link {
    	font-size:11px;
    }
    .alignleft {
    	float:left;
    	text-align:left;
    	margin-right:10px;
    }
    .alignright {
    	float:right;
    	text-align:right;
    	margin-left:10px;
    }
    .aligncenter {
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    
    }
    .floatleft {
    	float:left;
    }
    .floatright {
    	float:right;
    }
    .left {
    	float:left;
    	margin-right:10px;
    }
    .right {
    	float:right;
    	margin-left:10px;
    }
    .fixed, .clear {
    	clear:both;
    }
    input.textfield, 
    textarea {
    	background:#FFF url(../images/textfield.gif) top repeat-x;
    	border:1px solid #A6A6A6;
    	padding:2px 1px;
    }
    .boxcaption {
    	background:#E3E4E6 url(../images/box.gif) 0 0 no-repeat;
    	padding:6px 12px;
    	border-bottom:1px solid #CCC;
    }
    .boxcaption h3 {
    	font-size:12px;
    	font-family:Verdana,"BitStream vera Sans";
    	letter-spacing:0em;
    }
    .box {
    	background:#F4F5F7 url(../images/box.gif) 100% 100% no-repeat;
    	padding:8px 12px;
    	margin-bottom:10px;
    }
    .messagebox, 
    .errorbox {
    	background:#EDEFF0 url(../images/messagebox.gif) no-repeat;
    	padding:0 12px;
    	height:27px;
    	line-height:27px;
    	font-size:11px;
    }
    .w3c {
    	color:#080;
    	font-size:10px;
    }
    /* static END */
    
    /* layout START */
    #wrap {
    	background: url(../images/light.png) repeat-x center top;
    	padding:20px 0;
    }
    #container {
    	margin:0 auto;
    	width:936px;
    }
    /* layout END */
    
    /* header START */
    #header {
    	background:url(../images/header_footer.png) 0 0 no-repeat;
    	height:132px;
    }
    #caption {
    	height:44px;
    	padding:25px 30px 21px;
    }
    #title a {
    	text-decoration:none;
    	color:#FFF;
    	width:250px;
    	height:30px;
    	display:block;
    	font-family:"Trajan Pro";
    	letter-spacing:0;
    }
    /* image blog title */
    /*
    #title a {
    	background:url(../images/title.gif) no-repeat;
    	text-decoration:none;
    	color:#FFF;
    	width:250px;
    	height:30px;
    	text-indent:-999em;
    	display:block;
    }
    */
    #tagline {
    	color:#FFF;
    	border-top:1px solid #FFF;
    	text-decoration:none;
    	font-size:10px;
    	float:left;
    	padding:0 3px;
    }
    #navigation {
    	margin:1px 0;
    }
    #menus li {
    	display:inline;
    	list-style:none;
    }
    #menus li a {
    	background:transparent url(../images/menu.gif) no-repeat;
    	display:block;
    	color:#382E1F;
    	height:31px;
    	line-height:31px;
    	padding:0 20px;
    	margin-left:-10px;
    	text-decoration:none;
    	font-size:11px;
    	float:left;
    	z-index:1;
    }
    #menus li a:hover {
    	background-position:0 -31px;
    }
    #menus li.current_page_item a {
    	background-position:0 -62px;
    }
    #menus li a.home {
    	background-position:0 -93px;
    	width:45px;
    	padding:0;
    	margin-left:0;
    	text-indent:-999em;
    }
    #menus li a.home:hover {
    	background-position:0 -124px;
    }
    #menus li.current_page_item a.home {
    	background-position:0 -155px;
    }
    #menus li a.lastmenu:hover {
    	background-position:0 0;
    }
    #searchbox {
    	float:right;
    	padding:4px 10px;
    }
    #searchbox .textfield {
    	line-height:16px;
    	width:180px;
    	float:right;
    }
    #searchbox .switcher {
    	background:url(../images/icons.gif) 0 0 no-repeat;
    	float:right;
    	width:18px;
    	height:22px;
    	line-height:16px;
    	display:block;
    	text-indent:-999em;
    	float:right;
    	padding:0 2px;
    	height:16px;
    	margin-top:3px;
    }
    /* header END */
    
    /* content START */
    #content {
    	background:#FFF url(../images/sidesep.gif) right repeat-y;
    	min-height:400px;
    }
    /* content END */
    
    /* main START */
    #main {
    	background:#FFF;
    	width:605px;
    	padding:5px 15px 10px;
    	float:left;
    }
    #notice {
    	color:#080;
    }
    #notice a {
    	text-decoration:underline;
    }
    .post h2 {
    	display:block;
    	margin-top:10px;
    	border-bottom:1px solid #CCC;
    	padding:0 5px;
    	font-size:16px;
    	font-family:Verdana,"BitStream vera Sans";
    }
    .post h2 a.title {
    	text-decoration:none;
    	color:#4C4C4C;
    }
    .post h2 a.title:hover {
    	color:#2970A6;
    }
    .post .info {
    	margin:5px;
    }
    .post .info span.first {
    	margin-left:0;
    }
    .post .date, 
    .post .tags, 
    .post .categories, 
    .post .editpost, 
    .post .readingblinds, 
    .post .comments, 
    .post .addcomment, 
    .post .editlinks {
    	background:url(../images/icons.gif) no-repeat;
    	padding-left:22px;
    	height:16px;
    	line-height:16px;
    	display:block;
    	font-size:11px;
    }
    .post .act {
    	height:16px;
    	float:right;
    }
    .post .act span {
    	float:left;
    	margin-left:15px;
    }
    .post .tags {
    	background-position:0 -16px;
    }
    .post .categories {
    	background-position:0 -32px;
    }
    .post .date {
    	background-position:0 -48px;
    	float:left;
    }
    .post .editpost {
    	background-position:0 -64px;
    }
    .post .readingblinds {
    	background-position:0 -80px;
    }
    .post .comments {
    	background-position:0 -96px;
    }
    .post .addcomment {
    	background-position:0 -112px;
    }
    .post .editlinks {
    	background-position:0 -176px;
    }
    .post .content {
    	padding:5px 0 5px 5px;
    	line-height:145%;
    	overflow:hidden;
    }
    .post .content p {
    	margin-bottom:10px;
    }
    .post .content .under {
    	height:16px;
    	line-height:16px;
    }
    .post .content .under span {
    	float:left;
    	margin-right:15px;
    }
    .post .content h4 {
    	color:#080;
    	margin-bottom:10px;
    }
    .post .content img {
    	max-width:600px;
    }
    .post .content ul li, .post .content ol li {
    	list-style-position:inside;
    	padding-left:20px;
    }
    .post .content table {
    	background:#FFF;
    	border:1px solid #CCC;
    	margin:5px 0 10px;
    }
    .post .content table tr td {
    	border-top:1px solid #CCC;
    	padding:2px 10px;
    }
    .post .content table tr th {
    	padding:1px 10px;
    	background:#EDEFF0;
    	text-align:left;
    }
    .post .content .boxcaption {
    	background-image:url(../images/postbox.gif);
    	border-bottom:1px solid #CCC;
    }
    .post .content .box {
    	background-image:url(../images/postbox.gif);
    }
    #postpath {
    	background:url(../images/icons.gif) 0 -208px no-repeat;
    	height:16px;
    	line-height:16px;
    	margin:5px 0;
    	padding-left:22px;
    }
    #pagenavi, 
    #postnavi {
    	border-top:1px solid #CCC;
    	margin:10px -5px 0;
    	padding:10px 5px 0;
    }
    #pagenavi {
    	font-size:11px;
    }
    #pagenavi .newer a, 
    #postnavi .prev a {
    	background:url(../images/icons.gif) 0 -224px no-repeat;
    	padding-left:22px;
    	float:left;
    	height:16px;
    	line-height:16px;
    }
    #pagenavi .older a, 
    #postnavi .next a {
    	background:url(../images/icons.gif) 100% -240px no-repeat;
    	padding-right:22px;
    	float:right;
    	height:16px;
    	line-height:16px;
    }
    /* main END */
    
    /* sidebar START */
    #sidebar {
    	background:#F7F7F7;
    	width:300px;
    	float:right;
    	font-size:95%;
    	background:#F7F7F7;
    	line-height:145%;
    	overflow:hidden;
    }
    #sidebar li {
    	background:url(../images/icons.gif) 0 -320px no-repeat;
    	padding-left:22px;
    	list-style:none;
    	margin-top:5px;
    	/*font-size:95%;*/
    }
    #sidebar .content {
    	font-size:12px;
    }
    #northsidebar .widget {
    	background:url(../images/widgetsep.png) bottom no-repeat;
    	padding:10px 15px 19px;
    }
    #southsidebar .widget {
    	background:url(../images/widgetsep.png) top no-repeat;
    	padding:15px 15px 17px;
    }
    #centersidebar {
    	padding:12px 15px 0;
    }
    #northsidebar, #southsidebar {
    	font-size:95%;
    }
    #northsidebar .widget h2, 
    #southsidebar .widget h2 {
    	margin-bottom:10px;
    }
    #northsidebar .widget .content p, 
    #southsidebar .widget .content p {
    	margin-bottom:10px;
    }
    #westsidebar {
    	width:121px;
    	float:left;
    	padding-right:5px;
    	font-size:95%;
    	overflow:hidden;
    }
    #eastsidebar {
    	width:129px;
    	float:right;
    	font-size:95%;
    	overflow:hidden;
    }
    #westsidebar h3, 
    #eastsidebar h3 {
    	margin-bottom:5px;
    }
    #westsidebar .widget, 
    #eastsidebar .widget {
    	margin-bottom:15px;
    }
    #sidebar #feedrss, #sidebar #feedemail {
    	height:25px;
    	line-height:25px;
    	display:block;
    	padding-left:31px;
    	float:left;
    	text-decoration:none;
    }
    #sidebar #feedrss {
    	background:url(../images/feeds.gif) 0 0 no-repeat;
    	margin-left:5px;
    }
    #sidebar #feed_readers {
    	margin-top:15px;
    }
    #sidebar #feed_readers .reader {
    	padding-left:6px;
    }
    #sidebar #feed_readers .first {
    	padding-left:0;
    }
    #sidebar #feedemail {
    	background:url(../images/feeds.gif) 0 -25px no-repeat;
    	margin-left:25px;
    }
    #tag_cloud a {
    	line-height:130%;
    }
    /* sidebar END */
    
    /* footer START */
    #footer {
    	background:url(../images/header_footer.jpg) 0 -132px no-repeat;
    	display:block;
    	height:88px;
    	border-top:1px solid #CCC;
    	font-size:11px;
    	line-height:145%;
    	width:100%;
    }
    #footer a {
    	color:#2A2A2A;
    }
    #copyright {
    	margin-top:12px;
    	margin-left:20px;
    }
    #themeinfo {
    	margin-left:20px;
    }
    a#powered {
    	display:block;
    	width:92px;
    	height:57px;
    	float:left;
    	margin:0 10px 0 5px;
    
    }
    a#gotop {
    	background:url(../images/icons.gif) 0 -304px no-repeat;
    	float:right;
    	height:16px;
    	line-height:18px;
    	display:block;
    	padding-left:16px;
    	margin:5px 15px 0 0 !important;
    	margin:5px 8px 0 0;
    	text-decoration:none;
    }
    /* footer END */
    
    /* comment START */
    div.name a{
    	font-size: 8px;
    	font-weight: bold;
    }
    
    #commentlist {
    	background:#FCFCFC;
    	border-top:1px solid #CCC;
    	border-bottom:1px solid #CCC;
    	margin:0 -15px;
    	padding:0 15px 15px;
    }
    #commentlist ol, #commentlist li {
    	list-style:none;
    	margin-bottom: 20px;
    }
    
    #thecomments .comment, #thecomments .messagebox {
    	margin-top:15px;
    }
    .comment .author {
    	float:left;
    	width:81px;
    	text-align:center;
    }
    .comment .pic {
    	background:url(../images/commentpoint.png) 100% 33% no-repeat;
    	padding-right:14px;
    	margin-top:10px;
    }
    .comment .name {
    	width:67px;
    	padding-right:14px;
    	font-weight:bolder;
    	overflow:hidden;
    }
    .comment .avatar {
    	padding:1px;
    	border:1px solid #999;
    }
    .comment .info {
    	background:#EDEFF0 url(../images/comment.gif) 0 0 no-repeat;
    	display: inline-block;
    	padding:10px 15px 0;
    	width:494px;
    }
    .comment .date, 
    .trackback .date {
    	float:left;
    	font-size:10px;
    }
    .comment div.date{
    	margin: 0px;
    	border: none;
    }
    .comment .act, 
    .trackback .act {
    	float:right;
    	font-size:10px;
    }
    .comment .content {
    	background:url(../images/comment.gif) 100% 100% no-repeat;
    	margin:0 -15px;
    	padding:0 15px 10px;
    	line-height:145%;
    }
    .comment .content p {
    	margin-top:10px;
    }
    .comment .content blockquote p {
    	margin-top:0;
    	margin-bottom:10px;
    }
    .admincomment .author {
    	float:right;
    }
    .admincomment .pic {
    	background:url(../images/commentpoint.png) 0% 33% no-repeat;
    	padding-right:0;
    	padding-left:14px;
    }
    .admincomment .name {
    	padding-right:0;
    	padding-left:14px;
    }
    .admincomment .info {
    	float:right;
    }
    #thetrackbacks {
    	display:none;
    }
    #thetrackbacks li {
    	margin-top:15px;
    }
    .trackback {
    	background:#EDEFF0 url(../images/boxtop.gif) top no-repeat;
    	padding:10px 15px 0;
    	width:575px;
    }
    .trackback .title {
    	background:#EDEFF0 url(../images/boxbottom.gif) bottom no-repeat;
    	padding:10px 15px !important;
    	padding:0 15px 10px;
    	width:575px;
    	margin:0 -15px;
    }
    #respond {
    	padding:10px 0;
    	font-size:11px;
    }
    #respond .row {
    	margin-bottom:5px;
    	/*position:relative;*/
    }
    #respond .textfield {
    	width:200px;
    }
    #submit {
    	font-size:12px;
    }
    #submitbox a.feed {
    	background:url(../images/icons.gif) 0 -256px no-repeat;
    	padding-left:22px;
    	height:16px;
    	line-height:16px;
    	display:block;
    	float:left;
    }
    #emoticon {
    	float:right;
    	margin-top:1px;
    	margin-right:10px;
    }
    #comment {
    	width:601px;
    }
    /* comment END */
    
    /* archives STRAT */
    #archives {
    	list-style-position:inside;
    }
    .postspermonth {
    	margin:5px 0;
    	list-style:none;
    }
    .srg_switcher {
    	margin-bottom:10px;
    }
    /* archives END */
    
    /* linkcat START */
    .post .content .linkcat ul li {
    	list-style:none;
    	float:left;
    	width:25%;
    	padding:2px 0;
    	overflow:hidden;
    }
    .post .content .linkcat ul li a {
    	background:url(../images/icons.gif) 0 -160px no-repeat;
    	padding-left:22px;
    	height:16px;
    	line-height:16px;
    }
    /* linkcat END */
    
    /* image switcher START */
    .imageswitcher {
    	background:#EDEFF0;
    	padding:5px;
    	font-size:11px;
    }
    .imageswitcher_image {
    	background:#FFF;
    	border:1px solid #BABABA;
    	padding:3px;
    	margin:0;
    }
    a .imageswitcher_image:hover {
    	border-color:#999;
    }
    a.imageswitcher_button {
    	float:left;
    	margin-top:1px !important;
    	margin-top:3px;
    	margin-bottom:0 !important;
    	margin-bottom:5px;
    	margin-right:4px;
    	padding:2px 5px;
    	background:#BCCCD3;
    	border-top:1px solid #BCCCD3;
    	border-right:1px solid #BABABA;
    	border-bottom:1px solid #BABABA;
    	border-left:1px solid #BCCCD3;
    	color:#2970A6;
    }
    a.imageswitcher_button:hover {
    	background:#ACBCC3;
    	border-top:1px solid #AAA;
    	border-right:1px solid #ACBCC3;
    	border-bottom:1px solid #ACBCC3;
    	border-left:1px solid #AAA;
    	text-decoration:none;
    }
    /* image switcher END */
    
    /* related posts START */
    /* when related posts with title */
    #related_posts {
    	padding-bottom:10px;
    }
    #related_posts h3 {
    	background:#E3E4E6 url(../images/box.gif) 0 0 no-repeat;
    	font-size:12px;
    	padding:6px 12px;
    	font-family:Verdana,"BitStream vera Sans",Arial,Helvetica,Sans-serif;
    	letter-spacing:0em;
    	border-bottom:1px solid #CCC;
    }
    #related_posts ul {
    	background:#F4F5F7 url(../images/box.gif) 100% 100% no-repeat;
    	padding:3px 12px 8px;
    }
    #related_posts ul li {
    	list-style:none;
    	padding:3px 5px;
    	border-bottom:1px solid #E3E4E6;
    	line-height:18px;
    }
    #related_posts .count {
    	font-size:10px;
    }
    #related_posts .excerpt {
    	color:#999;
    	font-size:11px;
    	display:block;
    }
    
    
    div#controls{
    	display: block;
    	height: 20px;
    	width: 50%;
    	margin: 0 auto;
    	text-align: center;
    }
    
    div#controls ul li{
    	clear: none;
    	display: block;
    	list-style-type: none;
    	width: auto;
    	float: left;
    	margin-left: 15px;
    }
    
    div#controls ul li a{
    	color: #8cc8fd;
    }
    
    /* Pages */
    div.page{
    	margin: 10px;
    }
    
    div.page h1{
    	display:block;
    	margin-top:10px;
    	border-bottom:1px solid #CCC;
    	padding:0 5px;
    	font-size:16px;
    	font-family:Verdana,"BitStream vera Sans";
    	margin-bottom: 20px;
    }
    
    div.page h4{
    	margin-top: 10px;
    	margin-bottom: 10px;
    }
    
    div.page p{
    	display: block;
    	clear: both;
    	margin-bottom: 10px;
    }
    
    div.page ul li{
    	background:url(../images/icons.gif) 0 -320px no-repeat;
    	padding-left:22px;
    	list-style:none;
    	margin-top:5px;
    }
    
    /* Forms */
    form p{
    	margin-bottom: 10px;
    }
    
    form p label{
    	display: block;
    	width: 100px;
    	clear: none;
    	float: left;
    }
    
    form input{
    	border: 1px solid #ccc;
    }
    
    form button{
    	border: 1px solid #ccc;
    	background-color: #a8adb1;
    	color: #fff;
    	font-weight: bold;
    	padding: 3px;
    }
    
    /* div date */
    
    div.date{
    	background-color: #edeff0;
    	padding: 5px;
    	color: #000;
    	border: 1px solid #ccc;
    	margin-top: 20px;
    	-webkit-border-radius:5px;
    	-moz-border-radius:5px;
    }
    
    
    /* New Comment form*/
    form#add_comment{
    	margin: 30px 10px 10px 80px;
    }
    form#add_comment input{
    	width: 200px;
    	padding: 2px;
    }
    
    /* Controls */
    
    span.controls{
    	float: right;
    	margin-right: 10px;
    	background-color: #edeff0;
    	padding: 5px;
    	-webkit-border-radius:5px;
    	-moz-border-radius:5px;
    	font-size: 10px;
    }
    
    span.controls a.edit_link{
    	color: #93ba52;
    }
    
    span.controls a.delete_link{
    	color: #d8583e;
    }
    
    
    /* Flash messages */
    div.post.notice {
    	margin: 5px;
    	background-color: #fcfeb1;
    	padding: 5px;
    }
    
    /* Archives */
    div#archivespage{
    	margin: 5px;
    }
    
    div#archivespage ul li{
    	list-style: none;
    }
    
    I shall continue with the debugging/code tweaking and no doubt catch the bugger in the end! ;)
     
    Last edited: Jan 3, 2009
  4. Mainframeguy

    Mainframeguy Debiant by way of Ubuntu Folding Team

    Messages:
    3,763
    Location:
    London, UK
    discovered the problem lies with the blogging engine - not "my"code! (Thread can be deleted if a mod thinks it is just static for the forums).

    Since the thread remains - should any other unfortunate suffer the symptoms they result from a combination of the "categorise" module and less then up to date Chyrp engine - see here for details
     
    Last edited: Jan 16, 2009