Uforståelig feil i design, hjelp trengs

iChristian · 8. juli 2006

Jeg bruker Wordpress til en blogg jeg prøver å lage for å more meg meg.

Adressen til bloggen er: Beinapåbordet.no eller xn--beinapbordet-ycb.no for de med en nettleser som ikke støtter IDN.

Problemet oppstår når jeg skal vise enkeltinnlegg.

Avogtil så viser den innleggene uten den hvite bakgrunnen som skal være bak teksten.

Eksempel på enkeltinnlegg: http://www.beinapåbordet.no/2006/04/kommunisme-i-praksis/

Gi meg gjerne tilbakemelding på om det er hvit bakgrunn bak teksten når dere går inn på siden.

CSS-filen ser slik ut:

Skjult tekst: (Marker innholdet i feltet for å se teksten):

/*  
Theme Name: I feel dirty
Theme URI: http://studio.st/i-feel-dirty/
Description: A clean but dirty template by <a href="http://studio.st/">Studio ST</a>
Version: 1.0
Author: The studio ST team
Author URI: http://studio.st/
*/

* {
margin: 0px;
padding: 0px;
}
body {
background: #2c2c2c url(img/bodybg2.gif) no-repeat top center;
color: #000000;
font-size: 11px;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
img {
border: 0px;
}
.cnt {
width: 760px;
background-color: #ffffff;
margin: 20px auto 30px;
}

/* ------------------------------------------------------------------------------
       header                      
------------------------------------------------------------------------------ */
.header{
background: url(img/headerbg.gif) no-repeat;
width: 760px;
height: 143px;
float: left;
}
.head1 {
width: 485px;
padding: 40px 15px 0 0;
text-align: center;
float: left;
}
.header h1 a {
color: #ffffff;
text-decoration: none;
}
.header h1 a:hover {
text-decoration: underline;
}
.header h1 {
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 36px;
font-weight: normal;
letter-spacing: -1px;
margin-bottom: 0px;
}
.description {
color: #fff;
font-size: 12px;
}
.head2 {
width: 260px;
float: left;
}
.head2 p {
color: #ffffff;
padding: 0 15px;
font-size: 12px;
line-height: 16px;
}
.head2 h3 {
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 19px;
font-weight: normal;
letter-spacing: -1px;
margin-bottom: 5px;
padding: 15px 0 0 16px;
text-transform: lowercase;
}


/* ------------------------------------------------------------------------------
       main                               
------------------------------------------------------------------------------ */
.main {
width: 760px;
}
.content {
padding: 20px 0 0 15px;
float: left;
width: 464px;
margin-right: 17px;
}
.content a {
color: #9b0e0e;
}
.navigation {
font-size: 14px;
margin-bottom: 15px;
}
.post {
margin-bottom:30px;
} 
.posttitle {
margin-bottom: 15px;
}
.post h2 {
color: #294A59;
font-size: 26px;
font-weight: normal;
letter-spacing: -1px;
}
h2.pagetitle {
color: #555555;
font-size: 22px;
font-weight: normal;
letter-spacing: -1px;
margin-bottom: 15px;
}
.post h2 a {
color: #294A59;
text-decoration:none;
}
.post h2 a:hover {
text-decoration:underline;
}
.post small {
color: #294A59;
display: block;
margin-bottom: 15px;
}
.post p {
font-size: 14px;
margin-bottom: 15px;
line-height:21px;
}
.post blockquote {
background: url(img/blockquotebg2.gif) no-repeat;
color: #294a59;
padding: 15px 0 0 42px;
}
.post ul {
list-style-type: none;
font-size: 14px;
margin-bottom: 15px;
}
.post ul li {
background: url(img/bullet02.gif) no-repeat 0px 5px;
margin-bottom: 5px;
padding-left: 17px;
}
p.postmetadata {
font-size:11px;
margin:3px 0;
}

/* ------------------------------------------------------------------------------
       sidebar                           
------------------------------------------------------------------------------ */
.sidebar {
font-size: 12px;
float: left;
width: 254px;
margin-left: 4px;
padding: 10px 6px 0 0;
line-height: 14px;
}
.bloque1, .bloque2 {
margin-bottom: 10px;
}
.bloque1 {
background: #e8e6d9 url(img/bloque1bg.jpg) no-repeat;
}
.bloque2 {
background: #e2ebed url(img/bloque2bg.jpg) no-repeat;
}
.bloque1 h3 {
color: #6c644d;
}
.bloque1 h3, .bloque2 h3 {
font-size: 19px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
letter-spacing: -1px;
margin-bottom: 10px;
padding: 20px 0 5px 16px;
text-transform: lowercase;
}
.bloque2 h3 {
color: #294A59;
}
.sidebar ul {
list-style-type: square;
padding-left: 30px;
}
.sidebar p {
line-height: 16px;
}
.sidebar ul li {
margin-bottom: 5px;
}
.sidebar ul span {
color: #000000;
}
.sidebar ul a {
color: #000000;
text-decoration: none;
}
.bloque1 ul a {
border-bottom: 1px dashed #968e77;
}
.bloque1 p a, .bloque2 p a {
color: #000000;
}
.bloque1 ul a:hover, .bloque1 p a:hover {
background-color: #6c644d;
color: #ffffff;
border: 0px;
}
.bloque2 ul a {
border-bottom: 1px dashed #668b9c;
}
.bloque2 ul a:hover, .bloque2 p a:hover {
background-color: #294A59;
color: #ffffff;
border: 0px;
}
.bloque1 ul {
color: #968e77;
padding-bottom: 12px;
}
.bloque2 ul {
color: #668b9c;
padding-bottom: 12px;
}

/* search */
.buscar {
padding: 0px 15px 15px;
}
.bus1 {
width: 140px;
font-size: 16px;
border: 1px solid #aaa;
}
.bus2 {
vertical-align: top;
}
.sidebar p {
padding: 0 10px 15px 16px;
}
/* subscribe */
.subscriberss {
padding: 0px 0 15px 15px;
}
.subscriberss select {
width: 110px;
margin: 5px 5px 0 10px;
float: left;
}
.subscriberss a {
float: left;
}
.subscriberss a.btnnofloat {
float: none;
}
.subscriberss a.rsstext {
color: #000000;
margin: 5px 0 0 3px;
float: left;
}
.bus1 {
width: 140px;
font-size: 16px;
border: 1px solid #aaa;
}
.bus2 {
vertical-align: top;
}


/* ------------------------------------------------------------------------------
       comments                     
------------------------------------------------------------------------------ */
h2.responses {
color: #294a59;
font-family: Arial, Helvetica, sans-serif;
font-size: 19px;
font-weight: normal;
margin-bottom: 10px;
text-transform: lowercase;
}
.commentlist {
width: 464px;
margin-bottom: 20px;
list-style-type: none;
font-size: 14px;
}
.commentlist li {
background: #e4ecee url(img/commentlistbg3.jpg) no-repeat;
padding-top: 20px;
margin-bottom:15px;
}
.commentcontent {
padding: 0 10px;
margin-bottom: 15px;
}
.commentcontent p {
margin-bottom: 15px;
font-size:12px;
color:#333;
line-height:17px;
}
.commentcontent a {
color: #265368;
}
p.authorcom {
background-color: #fff;
text-align: right;
}
p.authorcom span {
background: #fff url(img/authorbg3.jpg) no-repeat;
color: #294a59;
font-size: 16px;
padding-left: 100px;
}
.authorcom small {
font-size: 10px;
}
.commentcontent {
padding: 0 10px;
}
.commentcontent ul {
list-style-type: none;
font-size:12px;
color:#333;
line-height:17px;
}
.commentcontent li {
background: transparent url(img/bullet02.gif) no-repeat 0px 5px;
padding-left: 15px;
padding-top: 0px;
margin-bottom: 5px;
}
.commentcontent blockquote {
background-color: #d5e0e3;
margin-bottom: 15px;
padding: 5px 5px 2px 8px;
border-left: 4px solid #b1c6d0;
font-size:11px;
color:#777;
line-height:17px;
}
.commentcontent blockquote p {
margin-bottom:5px;
}
.commentform {
background: #f2f6f7 url(img/commentform2bg.jpg) no-repeat;
width: 440px;
padding: 20px 12px 0 12px;
margin-bottom: 20px;
}
.commentform h2 {
color: #294a59;
font-family: Arial, Helvetica, sans-serif;
font-size: 19px;
font-weight: normal;
margin-bottom: 10px;
text-transform: lowercase;
}
.cfbox1 {
width: 150px;
margin-right: 20px;
padding-left: 3px;
float: left;
}
.cfbox2 {
width: 250px;
float: left;
}
.cfbox2 textarea {
width: 250px;
height: 108px;
}
.cfbox3 {
background: transparent url(img/cfbox3bg2.jpg) no-repeat right bottom;
width: 440px;
padding-bottom: 12px;
text-align: center;
clear: both;
}
.commentform label {
color: #294a59;
margin-bottom: 2px;
display: block;
}
.commentform input {
width: 150px;
margin-bottom: 10px;
}
.commentform textarea {
margin-bottom: 20px;
}
input.submit {
width: 150px;
margin-bottom: 6px;
margin-left: 173px;
display: block;
}


/* ------------------------------------------------------------------------------
       footer                      
------------------------------------------------------------------------------ */
.footer {
background: url(img/footerbg3.gif) no-repeat;
width: 730px;
height: 120px;
padding: 0px 15px 0;
color: #fff;
font-size: 11px;
display: block;
float: left;
}
p.foot1 {
padding-top: 25px;
}
p.foot2 {
padding-top: 25px;
float: right;
text-align: right;
margin-right:5px;
}
.footer a {
color: #fff;
}
.footer a:hover {
background-color: #650000;
text-decoration:none;
}
.foot2 a:hover {
background-color: #294A59;
}


/* ------------------------------ clear ------------------------------ */
.clearfix:after {
   content: "."; 
   display: block; 
   height: 0; 
   clear: both;
   visibility: hidden;
}

Filen for enkeltinnlegg ser slik ut:

Skjult tekst: (Marker innholdet i feltet for å se teksten):

<?php get_header(); ?>

<div class="main">
 <div class="content">
   
 <?php if (have_posts()) : while (have_posts()) : the_post(); ?>

 <div class="navigation">
 	<div class="alignleft"><?php previous_post_link('« %link') ?></div>
 	<div class="alignright"><?php next_post_link('%link »') ?></div>
 </div>

 <div class="post" id="post-<?php the_ID(); ?>">
 	<div class="posttitle">
   <h2><a href="<?php echo get_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>
 	</div>
 	<div class="entrytext">
   <?php the_content('<p class="serif">Les resten av innlegget »</p>'); ?>

   <?php link_pages('<p><strong>Sider:</strong> ', '</p>', 'number'); ?>

   <p class="postmetadata alt">
   	<small>
     Innlegget ble postet
     <?php /* This is commented, because it requires a little adjusting sometimes.
     	You'll need to download this plugin, and follow the instructions:
     	http://binarybonsai.com/archives/2004/08/17/time-since-plugin/ */
     	/* $entry_datetime = abs(strtotime($post->post_date) - (60*120)); echo time_since($entry_datetime); echo ' ago'; */ ?> 
     den <?php the_time('j. F Y') ?> kl <?php the_time() ?> av <?php the_author() ?> og postet under <?php the_category(', ') ?>.
     Du kan følge all respons på dette innlegget gjennom <?php comments_rss_link('RSS 2.0'); ?> feeden. 
     
     <?php if (('open' == $post-> comment_status) && ('open' == $post->ping_status)) {
     	// Both Comments and Pings are open ?>
     	Du kan <a href="#respond">legge igjen respons</a>, eller en <a href="<?php trackback_url(true); ?>" rel="trackback">trackback</a> fra din egen side.
     
     <?php } elseif (!('open' == $post-> comment_status) && ('open' == $post->ping_status)) {
     	// Only Pings are Open ?>
     	Kommentarer er i øyeblikket stengt, men du kan legge igjen en <a href="<?php trackback_url(true); ?> " rel="trackback">trackback</a> fra din egen side.
     
     <?php } elseif (('open' == $post-> comment_status) && !('open' == $post->ping_status)) {
     	// Comments are open, Pings are not ?>
     	Legg igjen en kommentar her da pinging er skrudd av.
 	
     <?php } elseif (!('open' == $post-> comment_status) && !('open' == $post->ping_status)) {
     	// Neither Comments, nor Pings are open ?>
     	Både kommentarer og pinging er stengt.  	
     
     <?php } edit_post_link('Rediger dette innlegget.','',''); ?>
     
   	</small>
   </p>

 	</div>
 </div>
 <?php comments_template(); ?>
 </div>
 


<?php endwhile; else: ?>

 <p>Beklager, ingen poster er funnet.</p>

<?php endif; ?>

<?php get_sidebar(); ?>

<?php get_footer(); ?>

Er det noen som kan se noen grunn til at det skal være et problem å vise bakgrunnen til enkeltinnlegget?

På forhånd tusen takk :w00t:

Endret 8. juli 2006 av Lomz

Drømmemannen · 8. juli 2006

Jeg tror det skal funke hvis du setter clear:both på footeren, men er ikke helt sikkert.

Tror ikke du trenger å ha float:left på footeren, og hvis du setter clear:both på den så tror jeg ikke at du trenger clearfix-divene ettersom footeren vil gjøre jobben

Endret 8. juli 2006 av balletryne

mohuhau · 8. juli 2006

Dersom du hadde validert koden din hadde du fort funnet ut at du har glømt å lukke en div slik at .clearfix rendreres på feil plass. I tillegg til et par feil til.

iChristian · 8. juli 2006

Dersom du hadde validert koden din hadde du fort funnet ut at du har glømt å lukke en div slik at .clearfix rendreres på feil plass. I tillegg til et par feil til.

6457599[/snapback]

Ikke min kode faktisk hehe, tilhører en theme, men hvilken fil skal jeg prøve å validere?

Single filen?

Tusen takk for hjelpen * <- Ekstra happy versjon*

Edit: Jeg har prøvd å validere phpfilen nå:

http://validator.w3.org/check?uri=http%3A%...internasjonalen

Og jeg skjønner den faktisk ikke, newbi som jeg er.

Endret 8. juli 2006 av Lomz

AlecTBM · 9. juli 2006

Den fant 5 feil (håper du så det).

Og det ser ut som at det er en den komentarfelt feil av alle ting.

Altså mange u avsluttende eller ikke starta komentar feilt.

Så også en del komentarfelt deler som sto forand noe som skulle vises.

Dessuten så er et komentar felt med 2 '-' ikke 3.

lykke til

kan du engelsk så går det nok bra

EDIT:

Så også noen uåpna UL koder.

Errors (røde) er feil

Info (grp) er informasjon om feilen over.

Håper dette hjalp litt

Endret 9. juli 2006 av AlecTBM

iChristian · 9. juli 2006

Tusen takk, da validerer den i hvert fall.

http://validator.w3.org/check?uri=http%3A%...ype=Inline&ss=1

Men problemet er der fortsatt på siden:

http://www.beinapåbordet.no/2006/07/internasjonalen/

Tekstbakgrunnen, som egentlig skal være hvit er svart, av og til, på min pc, i ff, er den korrekt, mens i mozilla på min datamaskin og på damas maskin så er tekstbakgrunnen svart.

Noen som har noen idè i forhold til hva som gjør dette?

Enkeltinnleggsfilen ser nå slik ut:

Skjult tekst: (Marker innholdet i feltet for å se teksten):

<?php get_header(); ?>

<div class="main">
 <div class="content">
   
 <?php if (have_posts()) : while (have_posts()) : the_post(); ?>

 <div class="navigation">
 	<div class="alignleft"><?php previous_post_link('« %link') ?></div>
 	<div class="alignright"><?php next_post_link('%link »') ?></div>
 </div>

 <div class="post" id="post-<?php the_ID(); ?>">
 	<div class="posttitle">
   <h2><a href="<?php echo get_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>
 	</div>
 	<div class="entrytext">
   <?php the_content('<p class="serif">Les resten av innlegget »</p>'); ?>

   <?php link_pages('<p><strong>Sider:</strong> ', '</p>', 'number'); ?>

   <p class="postmetadata alt">
   	<small>
     Innlegget ble postet
     <?php /* This is commented, because it requires a little adjusting sometimes.
     	You'll need to download this plugin, and follow the instructions:
     	http://binarybonsai.com/archives/2004/08/17/time-since-plugin/ */
     	/* $entry_datetime = abs(strtotime($post->post_date) - (60*120)); echo time_since($entry_datetime); echo ' ago'; */ ?> 
     den <?php the_time('j. F Y') ?> kl <?php the_time() ?> av <?php the_author() ?> og postet under <?php the_category(', ') ?>.
     Du kan følge all respons på dette innlegget gjennom <?php comments_rss_link('RSS 2.0'); ?> feeden. 
     
     <?php if (('open' == $post-> comment_status) && ('open' == $post->ping_status)) {
     	// Both Comments and Pings are open ?>
     	Du kan <a href="#respond">legge igjen respons</a>, eller en <a href="<?php trackback_url(true); ?>" rel="trackback">trackback</a> fra din egen side.
     
     <?php } elseif (!('open' == $post-> comment_status) && ('open' == $post->ping_status)) {
     	// Only Pings are Open ?>
     	Kommentarer er i øyeblikket stengt, men du kan legge igjen en <a href="<?php trackback_url(true); ?> " rel="trackback">trackback</a> fra din egen side.
     
     <?php } elseif (('open' == $post-> comment_status) && !('open' == $post->ping_status)) {
     	// Comments are open, Pings are not ?>
     	Legg igjen en kommentar her da pinging er skrudd av.
 	
     <?php } elseif (!('open' == $post-> comment_status) && !('open' == $post->ping_status)) {
     	// Neither Comments, nor Pings are open ?>
     	Både kommentarer og pinging er stengt.  	
     
     <?php } edit_post_link('Rediger dette innlegget.','',''); ?>
     
   	</small>
   </p>

 	</div>
 </div>
 <?php comments_template(); ?>
 </div>
 

<?php endwhile; else: ?>

 <p>Beklager, ingen poster er funnet.</p>


<?php endif; ?>

<?php get_sidebar(); ?>
</div>
<?php get_footer(); ?>

Endret 9. juli 2006 av Lomz

iChristian · 9. juli 2006

:w00t: :w00t: Nå validerer siden, og den er hvit.

Om noen kunne sjekke at det også stemmer i deres nettlesere?

Problemet er den følgende linken:

http://www.beinapåbordet.no/2006/07/internasjonalen/

JohndoeMAKT · 9. juli 2006

Opera Version 8.53, hvit bakgrunn.

Logg inn

Uforståelig feil i design, hjelp trengs

Anbefalte innlegg

iChristian

Lenke til kommentar

Videoannonse

Drømmemannen

Lenke til kommentar

mohuhau

Lenke til kommentar

iChristian

Lenke til kommentar

AlecTBM

Lenke til kommentar

iChristian

Lenke til kommentar

iChristian

Lenke til kommentar

JohndoeMAKT

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Populær nå

Hva er din forståelse av spirituelle tekster? 1 2 3 4

Hvem er aktive 0 medlemmer