Page duplication code error...

Mainframeguy

Debiant by way of Ubuntu
Joined
29 Aug 2002
Messages
3,763
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:

Xie

- geek -
Joined
29 Sep 2003
Messages
5,274
Not sure I can really help, but following the links @ the bottom for "Valid XHTML 1.1 and CSS 3." both showed warnings/errors. :)
 

Mainframeguy

Debiant by way of Ubuntu
Joined
29 Aug 2002
Messages
3,763
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:

Mainframeguy

Debiant by way of Ubuntu
Joined
29 Aug 2002
Messages
3,763
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:

Members online

No members online now.

Latest profile posts

Electronic Punk wrote on Sazar's profile.
Rest in peace my friend, been trying to find you and finally did in the worst way imaginable.
Terrahertz wrote on Electronic Punk's profile.
Yo fellas!
Electronic Punk wrote on Sazar's profile.
Where are you buddy?
Perris Calderon wrote on Electronic Punk's profile.
Hey EP! All good with me, applying for Microsoft MVP right now, should have done this a while ago.

Notifications don't work, I only found your response by coming back to hunt up some threads, if you want, give me your email address so we can keep in touch easier!
Perris Calderon wrote on Electronic Punk's profile.
EP, glad to see you come back and tidy up...did want to ask a one day favor, I want to enhance my resume , was hoping you could make me administrator for a day, if so, take me right off since I won't be here to do anything, and don't know the slightest about the board, but it would be nice putting "served administrator osnn", if can do, THANKS

Been running around Quora lately, luv it there!

Forum statistics

Threads
61,997
Messages
673,411
Members
5,591
Latest member
nodee