non visualizza background del testo in wp

**zip-zap** · 10-01-2008, 21:12

Ciao stò personalizzando un tema di wordpress il glossyblue, ormai sono due giorni che continuo a sbattere la testa sullo stesso problema, vorrei far apparire il testo sopra un foglio creato da una parte superiore una parte centrale che si ripeta assecondando la lunghezza e la parte bassa dove termina il foglio contenitore del testo, e poi segue il footer.
il problema è che visualizza sola l'immagine che fa da parte alta del foglio e le altre due no.
posto il css e la sorgente pagina (inserire tutti i file php sarebbe un po lunga)

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>healing tribe  </title>

<meta name="generator" content="Bluefish 1.0.7"/> 

<link rel="stylesheet" href="http://localhost/wordpress/wp-content/themes/glossyht2/style.css" type="text/css" media="all" />
<link rel="stylesheet" href="http://localhost/wordpress/wp-content/themes/glossyht2/print.css" type="text/css" media="print" />
<link rel="alternate" type="application/rss+xml" title="healing tribe RSS Feed" href="http://localhost/wordpress/?feed=rss2" />
<link rel="pingback" href="http://localhost/wordpress/xmlrpc.php" />

	<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://localhost/wordpress/xmlrpc.php?rsd" />
 <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://localhost/wordpress/wp-includes/wlwmanifest.xml" /> </head>
<body>


 <div id="header">
  [img]wp-content/themes/glossyht2/images/logo.png[/img]
    <p id="description">on the road to share a healing field</p>    
    <div id="headerimg">
	  <h1>healing tribe</h1>

	  <div class="description">a gathering of friends</div>
	</div>
	<ul id="nav">
	  <li class="page_item">Home
	  <li class="page_item page-item-2">About
	[/list]
	
  </div>

  
  <div id="page">
 <div id="content-wrap">
   <div id="top"></div> 
  <div id="bottom-bg">
   
   
 

  
  
	  

   <div id="content">
  
    
  	  
  
		
  </div>
  
  


<div id="sidebar">
<ul>

  [*]
      <form method="get" id="searchform" action="http://localhost/wordpress/">
<div><input type="text" value="" name="s" id="s" />
<input type="submit" id="searchsubmit" value="Search" />

</div>
</form>
    

    [*]
      <h2 class="sidebartitle">Categories</h2>
      <ul class="list-cat">
        	<li class="cat-item cat-item-1">Uncategorized (4)

[/list]
    [*]
      <h2 class="sidebartitle">Archives</h2>
      <ul class="list-archives">
        	[*]January 2008
	[*]November 2007
[/list]
    [*]
      <h2 class="sidebartitle">Links</h2>
      <ul class="list-blogroll">[*]Documentation[*]Development Blog[*]Suggest Ideas
[*]Support Forum[*]Plugins[*]Themes[*]WordPress Planet[/list]
    

  [/list]
</div>



   
    
 
   
 </div>
   </div>



<div id="footer">

  <div id="footer-wrap">


  

  <div class="footer-recent-posts">
    <h4>Recent Posts</h4>
  		<ul>
		[*]
	post2

	01-10-2008
	

		[*]
	prova 2

	01-10-2008
	
		[*]
	prova

	01-05-2008

	
		[*]
	Hello world!

	11-02-2007
	
		[/list]
   </div>
  
  

  
  <div class="footer-recent-comments">
    	<h4>Recent Comments</h4>
<ul>
	[*]Mr WordPress: Hi, this is a comment.To delete a comment, just log in...[/list]</div>
  

  
	
	<div class="footer-about">
		<h4>About</h4>


This template is built with validated CSS and XHTML, by N.Design Studio. Icons used here are from Web 2 Mini pack. To download more WordPress Themes, please visit www.ndesign-studio.com.</p>



Open "about_text.txt" file in the theme folder to edit this text.</p>	
	</div>
	
	
  <hr class="clear" />
   
   </div>
  </div>


<div id="credits">
<div class="alignleft">WP Theme &amp; Icons by N.Design Studio</div> 

<div class="alignright">Entries RSS Comments RSS <span class="loginout">Logout</span></div>
</div>

<div id="content-wrap">



</body>
</html>

css:

codice:

body {

	font: 75%/150% "Trebuchet MS", Tahoma, Arial;

	color: #36130c;

	background: #36130c url(images/main-bg.jpg) no-repeat center top ;

	margin: 0px;

	padding: 0px 0px 30px;

}

a {

	color: #CC6600;

	text-decoration: none;

}

a:visited {

	color: #CC6633;

	text-decoration: none;

}

a:hover {

	color: #FF6600;

	text-decoration: underline;

}

img {

	border: none;

}

p {

	padding: 0px 0px 15px;

	margin: 0px;

}


h1  {

	margin:0px;

	padding-left: 70px;

	height: 60px;

	font: bold 36px/100% "Trebuchet MS", Tahoma, Arial;
	visibility: hidden;
}
	

h1 a, h1 a:visited{

	color: #c9eefe;

	text-decoration: none;

}

h1 a:hover{

	color: #ffffff;

	text-decoration: none;

}

h2 {

	color: #59770e;

	margin: 0px 0px 2px;

	border-bottom: 1px dotted #CCCCCC;

	letter-spacing: -1px;

	font: normal 190%/100% "Trebuchet MS", Tahoma, Arial;

	padding-bottom: 3px;

}


h2 a, h2 a:visited {

	color: #59770e;

	text-decoration: none;

}

h2 a:hover {

	color: #FF6600;

	text-decoration: none;

}

h3 {

	font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;

	color: #758d38;

	margin: 10px 0px 5px;

}

h4 {

	font: normal 130%/100% "Trebuchet MS", Tahoma, Arial;

	color: #758d38;

	margin: 10px 0px 5px;

}

form {

	margin:0px;

	padding:0px;

}


/*#page  {

	margin: 0px auto;

	width: 842px;

	border-bottom: 5px solid #d5e6eb;

	border-left: 5px solid #d5e6eb;

	border-right: 5px solid #d5e6eb;

	

}*/



/* header area */



#header {
	height: 238px;
	width: 905px;
	margin: 0 auto;
	position: relative;
}

#logo {
	position: absolute;
	top: 10px;
	left: 450px;
	
}

#description {
	width: 360px;
	text-align: center;
	position: absolute;
	left: 490px;
	top: 95px;
	font: italic normal 24px/26px Georgia, "Times New Roman", Times, serif;
	color: #68391d;
}


#headerimg {

	position: relative;

	padding: 30px 0px 0px 40px;

	height: 60px;

}

#headerimg .description{

	position: absolute;

	left: 110px;

	bottom: 3px;

	color: #c9eefe;

	font-size: 14px;







/* content area */
#content-wrap {
	width: 842px;
	height: 54px;
	margin: 0 auto;
	background: url(images/content-bg.gif) repeat-y right top;
	position: relative;
	z-index: 8;
}

#top {
	background: url(images/top-bg.gif) no-repeat center top;
	height: 523px;
	position: absolute;
	width: 842px;
	top: 0;
	right: 0;
	z-index: 4;
}

#content {
	width: 490px;
	float: left;
	position: relative;
	padding: 35px 0 20px 96px;
	z-index: 5;
}


#bottom-bg {
	background: url(images/bottom-bg.jpg) no-repeat right bottom ;
	z-index: 3;
	
}


.post {

	padding: 0 0 20px 12px;
	width: 490px;



/* comments area */



/*sidebar */

#sidebar {
	width: 200px;
	float: right;
	padding-right: 10px;
	position: relative;
	z-index: 6;
}


/*blogroll */

ul.list-blogroll li{

	background: url(images/mini-blogroll.gif) no-repeat !important;

	padding-left: 16px !important;

}

/*category widget */

ul.list-cat li, li.widget_categories li{

	background: url(images/mini-category.gif) no-repeat !important;

	padding-left: 20px !important;

}

/*archives widget */

ul.list-archives li, li.widget_archives li{

	background: url(images/mini-monthly-archive.gif) no-repeat !important;

	padding-left: 20px !important;

}

/*pages widget */

ul.list-page li, li.widget_pages li, li.widget_recent_entries li{

	background: url(images/mini-page.gif) no-repeat !important;

	padding-left: 20px !important;

}

/*sub-pages */

ul.list-page li ul li, li.widget_pages li ul li{

	background: url(images/mini-page-arrow.gif) no-repeat !important;

	padding-left: 10px !important;

}

/*recent comments widget */

li.widget_recent_comments li{

	background: url(images/mini-recent-comments.gif) no-repeat !important;

	padding-left: 20px !important;

}

/*calendar widget */

li.widget_calendar td {

	padding: 1px 7px;

}

/*text widget */

.



/* footer area */

#footer {
	background: url(images/footer-bg.jpg) no-repeat center top;
	clear: both;
	
}


#footer a, #footer a:visited {

	color: #ffffff;

}

#footer h4 {

	font: normal 146%/100% "Trebuchet MS", Tahoma, Arial;

	color: #9cdbfb;

	margin: 10px 0px 5px;


}

#footer-wrap {
	width: 905px;
	height:300px;
	margin: 0 auto;
}




/* credits */





/* alignments */

.center {

	text-align: center;

}

img.center, img[align="center"] {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

.alignleft {

	float: left;

}

img.alignleft, img[align="left"] {

	float:left;

	margin: 2px 10px 5px 0px;

}

.alignright {

	float: right;

}

img.alignright, img[align="right"] {

	float:right;

	margin: 2px 0px 5px 10px;

}

.clear {

	clear:both;

}

hr.clear {

	clear:both;

	visibility: hidden;

	margin: 0px;

	padding: 0px;

}

in pratica non mi visualizza ne <div id="content-wrap"> ne <div id="bottom-bg"> mentre

<div id="top"></div> viene visalizzato correttamente, non so veramente cosa fare...
spero di essermi spiegato, se servono maggiori delucidazioni fatemi sapere, ciao!

**ResianTaxidrive** · 11-01-2008, 11:41

non sara' mica il position relative che fa casino?

**zip-zap** · 11-01-2008, 13:09

ciao grazie della risposta, allora così come è l'immagine di background del testo che si ripete appare solo su ie7 ma non su ff o opera (io lavoro su ff) se metto tutto su absolute, mi posiziona tutto sul lato sx dello schermo, ma non appare il content-background
se sposto il </div> si chiusura del content wrap dopo il footer appare il content background (ma non il bottom-background e l'immagine di sfondo del footer viene tagliata dai bordi dalla larghezza del content-wrap

**ResianTaxidrive** · 11-01-2008, 14:33

sai cosa, ti manca una } alla fine dello stile che precede il #content-wrap

**zip-zap** · 11-01-2008, 19:48

mel css originale c'è, probabilmente l'ho segata cancellando un po di entrate nel file per poterlo postare (c'è un limite intorno alle 1400 righe per post)
grazie comunque, non capisco xche non visualizza. I settaggi e i tag li ho spulciati da un bel blog da cui ho preso ispirazione, http://www.webdesignerwall.com/ e mi pare che coincidano in linea di massima, ma qualcosa deve essere nel posto sbagliato

eppure ho guardato e riguardato, non saprei neanche se dipende dal css o dai file php(html)

**ResianTaxidrive** · 11-01-2008, 20:08

non capisco bene cosa dovrebbe saltar fuori perchè vedo tutto scombinato, cmq, se metto un'immagine come sfondo in content-wrap la vedo.

Discussione: non visualizza background del testo in wp

Strumenti discussione

Ricerca discussione

Visualizza

non visualizza background del testo in wp

Permessi di invio