Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Cel mai ieftin TV LED mic

Reverse proxy si htaccess pe Raps...

Statie de epurare sau fosa septic...

"enerlux p" afisaj interm...
 Adaptor usb3.1gigabit vs Adaptor ...

La multi ani @Atreides!

La multi ani @KENSINGTON!

La multi ani @burebista!
 La multi ani de Florii!

Stihl fs 70 c-e

Challengers (2024)

Care mai sunt mediile de admitere...
 Laptop cu HDD atasare memorie MMC...

Hartile google nu mai au chenarul...

Tomate in ghiveci la curte?

Idei cale de actiune recuperare g...
 

Probleme CSS Background

- - - - -
Last Updated: May 17 2010 13:55, Started by djpustiu2002 , May 16 2010 13:16  
  ·  
  • Please log in to reply
1 reply to this topic

#1
djpustiu2002
Posted 16 May 2010 - 13:16

djpustiu2002

    New Member

  • Grup: Members
  • Posts: 2
  • Înscris: 16.05.2010
Salutare..! Lucrez la un nou site si ma lovesc de o problema pe care nu am reusit sa o rezolv.In primul rand site-ul respectiv este un CMS, iar tema am modificat-o eu in totalitate.
Pana aici totul este ok.. numai ca atunci cand deschid pagina in Mozilla, backgroundul, care este o imagine nu se afisaza pe intreaga pagina.. Mentionez ca in IE merge perfect.Problema apare  atunci cand pun imaginea de fundal align: "center"..acesta este siteul pentru a intelege mai bine problema http://yesterday.ro/web .Merci all astept vesti!

Acesta este codul .CSS

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,te
xtarea,p,blockquote,th,td {
	margin: 0; 
	padding: 0;
}

fieldset,img {  
	border: 0; 
} 

option {
	padding-left: 0.4em;
}

html {
	height: 100%;
	margin-bottom: 1px;
}
	
body { position: relative; 
	
} 

/* page setup */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
		color: #fff; 


}

body#page {
		
	background:#0B2710 url(http://yesterday.ro/web/bg/back.jpg) no-repeat;
		background-position: center;
		
		
}

/* set body font size (styleswitcher) */
body.font-small {
	font-size: 11px;
}

body.font-medium {
	font-size: 12px;
}

body.font-large {
	font-size: 13px;
}

/* dogear */
div#dogear {
	position: absolute;
	z-index: 20;
	top: 0px;
	left: 0px;
	width: 135px;
	height: 135px;
}

div#dogear img {
	width: 135px;
	height: 135px;
}

/* top panel*/
div#toppanel-container {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -50%;
	width: 100%;
	height: 0px;
	z-index: 15;
}

div#toppanel-wrapper {
	height: 0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

div#toppanel {
	position: relative;
	z-index: 15;
	margin-top: -320px;
	width: 100%;
	height: 320px;
	background: #000000 url() 0 100% repeat-x;
	color: #969696;	
}

div#toppanel .panel {
	margin: auto;
	width: 600px;
	height: 300px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}

div#toppanel .close {
	width: 50px;
	height: 15px;
	margin-top: 23px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #646464;
	background: #1e1e1e;
	float: right;
	overflow: hidden;
	text-align: center;
	font-size: 85%;
	line-height: 150%;
	cursor: pointer;
}

div#toppanel .cpanel {
	clear: both;
}

div#toppanel-container .trigger {
	position: relative;
	z-index: 16;
	top: 0px;
	left: 50%;
	width: 120px;
	margin-left: -60px;
	cursor: pointer;
}

div#toppanel-container .trigger img {
	width: 20px;
	height: 19px;
	border: 0px;
}

div#toppanel-container .trigger-l, div#toppanel-container .trigger-r {
	width: 20px;
	height: 19px;
	float: left;
}

div#toppanel-container .trigger-l {
	background: url(../images/toppanel_trigger_l.png) 100% 0 repeat-x;
}

div#toppanel-container .trigger-r {
	background: url(../images/toppanel_trigger_r.png) 100% 0 repeat-x;
}

div#toppanel-container .trigger-m {
	width: 80px;
	height: 19px;
	background: url(../images/toppanel_trigger_m.png) 100% 0 repeat-x;
	float: left;
	text-align: center;
	font-size: 85%;
	line-height: 150%;
	overflow: hidden;
	color: #ffffff;
}

/* layout */
div.wrapper {
	margin: auto;
}


div#styleswitcher {
	position: absolute;
	top: 12px;
	right: 15px;
	height: 20px;
}

div#styleswitcher a {
	width: 15px;
	height: 20px;
	float: right;
	text-decoration: none;
	display: block;
}

a#switchfontsmall {
	background: url(../images/styleswitcher_fontsmall.png) 0 0 no-repeat;
}

a:hover#switchfontsmall {
	background: url(../images/styleswitcher_fontsmall_hover.png) 0 0 no-repeat;
}

a#switchfontmedium {
	background: url(../images/styleswitcher_fontmedium.png) 0 0 no-repeat;
}

a:hover#switchfontmedium {
	background: url(../images/styleswitcher_fontmedium_hover.png) 0 0 no-repeat;
}

a#switchfontlarge {
	background: url(../images/styleswitcher_fontlarge.png) 0 0 no-repeat;
}

a:hover#switchfontlarge {
	background: url(../images/styleswitcher_fontlarge_hover.png) 0 0 no-repeat;
}

a#switchwidththin {
	background: url(../images/styleswitcher_widththin.png) 0 0 no-repeat;
}

a:hover#switchwidththin {
	background: url(../images/styleswitcher_widththin_hover.png) 0 0 no-repeat;
}

a#switchwidthwide {
	background: url(../images/styleswitcher_widthwide.png) 0 0 no-repeat;
}

a:hover#switchwidthwide {
	background: url(../images/styleswitcher_widthwide_hover.png) 0 0 no-repeat;
}

a#switchwidthfluid {
	background: url(../images/styleswitcher_widthfluid.png) 0 0 no-repeat;
}

a:hover#switchwidthfluid {
	background: url(../images/styleswitcher_widthfluid_hover.png) 0 0 no-repeat;
}

span#logo {
	position: absolute;
	top: 8px;
	left: 5px;
	width: 230px;
	height: 95px;
	background: url() 0 0 no-repeat;
	z-index: 3;
	display: block;
	cursor: pointer;
}

div#logotext {
	position: absolute;
	top: 100px;
	left: 15px;
	font-size: 95%;
	color: #7d7d7d;
}

div#banner {
	position: absolute;
	top: 35px;
	right: 15px;
}

img#bannertext {
	width: 75px;
	height: 7px;
	border: 0;
}

div#menu {
	width: auto px;
	margin: 10px 0px 0px 0px;
	clear: both;
	background: url() 0 0 repeat-x;
}

div#menu .menu-l {
	background: url() 0 0 no-repeat;
}

div#menu .menu-r {
	height: 0px;
	background: url() 100% 0 no-repeat;
}

div#top {
	width: auto;
	margin: 10px 0px 0px 0px;
	clear: both;
	background: url(../images/top_t.png) 0 0 repeat;
}

div#top .top-tl {
	background: url(../images/top_tl.png) 0 0 no-repeat;
}

div#top .top-tr {
	background: url(../images/top_tr.png) 100% 0 no-repeat;
}

div#top .top-bl {
	background: url(../images/top_bl.png) 0 100% no-repeat;
}

div#top .top-br {
	min-height: 80px;
	background: url(../images/top_br.png) 100% 100% no-repeat;
}

div#top .topbox {
}

div#top .topboxseperator {
	background: url(../images/top_sep.png) 100% 0 repeat-y;
}

div#middle {
	width: auto;
	margin: 10px 0px 0px 0px;
	clear: both;
}
div#middle .background {
	min-height: 140px;
	padding-top: 0px;
}


div#middle .layoutleft {
}

div#middle .layoutright {
}

div#left {
	width: 190px;
}

div#middle .layoutleft div#left {
	float: left;
}

div#middle .layoutright div#left {
	float: right;
}

div#date {
	width: 175px;
	height: 30px;
	padding: 0px 0px 0px 15px;
	background: url() 0 0 no-repeat;
	line-height: 30px;
	font-size: 95%;
}

div#search {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 15px;
	width: 175px;
	height: 25px;
	border: none;
	overflow: hidden;
	background: #1e1e1e;
}

div#main {
	width: auto;
}



div#breadcrumb {
	height: 19px;
	padding: 5px 0px 5px 0px;
	font-size: 85%;
	color: #646464;
}

div#breadcrumb a:link, div#breadcrumb a:visited {
	color: #646464;
}

div#breadcrumb a:hover {
	color: #ff6400;
}

div#maintop {
}

div#maintop .maintopbox {
}

div#maintop .maintopboxseperator {
}

div#mainmiddle {
	margin: 10px 0px 10px 0px;
}

div#main .withright {
	background: url() 100% 0 repeat-y;
}

div#main .withoutright {
	background: transparent;
}

div#right {
	width: 170px;
	padding: 0px 10px 0px 0px;
	float: right;
}
	
div#content {
	width: auto;
	padding: 0px 10px 0px 0px;
}

div#main .withright div#content {
	margin: 0px 180px 0px 0px;
}

div#main .withoutright div#content {
	margin: 0px 0px 0px 0px;
}

div#contenttop {
}

div#contenttop .contenttopbox {
}

div#mainbottom {
	margin: 0px 0px 10px 0px;
}

div#mainbottom .mainbottombox {
}

div#bottom {
	width: auto;
	margin: 10px 0px 0px 0px;
	clear: both;
	background: url(../images/top_t.png) 0 0 repeat;
}

div#bottom .bottom-tl {
	background: url(../images/top_tl.png) 0 0 no-repeat;
}

div#bottom .bottom-tr {
	background: url(../images/top_tr.png) 100% 0 no-repeat;
}

div#bottom .bottom-bl {
	background: url(../images/top_bl.png) 0 100% no-repeat;
}

div#bottom .bottom-br {
	min-height: 40px;
	background: url(../images/top_br.png) 100% 100% no-repeat;
}

div#bottom .bottombox {
}

div#bottom .bottomboxseperator {
	background: url(../images/top_sep.png) 100% 0 repeat-y;
}

div#footer {
	width: auto;
	margin: 10px 0px 50px 0px;
	clear: both;
	text-align: center;
	color: #646464;
}

/* clearing & floating */
.clearingfix:after {
	content: "."; 
	display: block; 
	line-height: 0px;
	clear: both; 
	visibility: hidden;
}
	
.clearingfix { display: block; }

.floatbox { overflow: hidden; }

.float-left { float: left; overflow: hidden; }
.float-right { float: right; overflow: hidden; }

.width20 { width: 19.999%; }
.width25 { width: 24.999%; }
.width33 { width: 33.333%; }
.width50 { width: 49.999%; }
.width66 { width: 66.666%; }
.width75 { width: 74.999%; }
.width100 { width: 100%; }

Si aici este CODUL .PHP (pagina)
include_once(JPATH_ROOT . "/templates/" . $this->template . '/lib/php/yootools.php');
include_once(JPATH_ROOT . "/templates/" . $this->template . '/lib/php/yoolayout.php');

$template_baseurl = $this->baseurl . '/templates/' . $this->template;

JHTML::_('behavior.mootools');

// add template mootools to JDocumentHTML
if ($this->params->get('loadMootools')) {
	$this->_scripts = array_merge(array($template_baseurl . '/lib/js/mootools.js.php' => 'text/javascript'), $this->_scripts);
	unset($this->_scripts[$this->baseurl . '/media/system/js/mootools.js']);
}

// add template javascript to JDocumentHTML
if ($this->params->get('loadJavascript')) {
	$this->addScriptDeclaration($yTools->getJavascript());
	$this->addCustomTag('<script type="text/javascript" src="' . $template_baseurl . '/lib/js/template.js.php"></script>');
}

// add template css to JDocumentHTML
$this->addStyleSheet($template_baseurl . '/css/template.css.php?color=' . $yTools->getCurrentColor()
															. '&styleswitcherFont=' . $this->params->get('styleswitcherFont')
															. '&styleswitcherWidth=' . $this->params->get('styleswitcherWidth')
															. '&widthThinPx=' . $this->params->get('widthThinPx')
															. '&widthWidePx=' . $this->params->get('widthWidePx')
															. '&widthFluidPx=' . $this->params->get('widthFluidPx'));

$this->addStyleSheet($template_baseurl . '/lib/js/lightbox/css/slimbox.css');

?>
<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >
<head>
<!--[if lt IE 7.]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->

<jdoc:include type="head" />
</head>

<body id="page" class="<?php echo $yTools->getCurrentStyle(); ?>">

	<?php if($this->params->get('dogear')) { ?>
	<center><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="980" height="480" align="middle">
	  <param name="movie" value="http://yesterday.ro/web/head//header.swf" />
	  <param name="quality" value="high" />
	  <embed src="http://yesterday.ro/web/head//header.swf" width="980" height="480" align="middle" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
</object></center>
	<div id="dogear">
		
	</div>
	<?php } ?>

	<?php if($this->params->get('toppanel') && $this->countModules('cpanel')) { ?>
	<div id="toppanel-container">
			
		<div id="toppanel-wrapper">
			<div id="toppanel">
				<div class="panel">
						
					<div class="close">
						close
					</div>
							
					<div class="cpanel">
						<jdoc:include type="modules" name="cpanel" style="xhtml" />
					</div>
									
				</div>
			</div>
		</div>
							
		<div class="trigger">
			<div class="trigger-l correct-png"></div>
			<div class="trigger-m"><?php echo $this->params->get('textToppanel'); ?></div>
			<div class="trigger-r correct-png"></div>
		</div>
					
	</div>
	<?php } ?>

	<div class="wrapper floatholder">

		<div id="header">
			<div class="header-l">
				<div class="header-r">

					<?php if($this->params->get('styleswitcherFont') || $this->params->get('styleswitcherWidth')) { ?>
					<div id="styleswitcher">
						<?php if($this->params->get('styleswitcherWidth')) { ?>
						<a id="switchwidthfluid" href="java script:void(0)" title="Fluid width"></a>
						<a id="switchwidthwide" href="java script:void(0)" title="Wide width"></a>
						<a id="switchwidththin" href="java script:void(0)" title="Thin width"></a>
						<?php } ?>
						<?php if($this->params->get('styleswitcherFont')) { ?>
						<a id="switchfontlarge" href="java script:void(0)" title="Increase font size"></a>
						<a id="switchfontmedium" href="java script:void(0)" title="Default font size"></a>
						<a id="switchfontsmall" href="java script:void(0)" title="Decrease font size"></a>
						<?php } ?>
					</div>
					<?php } ?>

					<a href="<?php echo $this->baseurl ?>" title="Home"><span id="logo" class="correct-png"></span></a>

					<div id="logotext"></div>
	
					<?php if($this->countModules('banner')) { ?>
					<div id="banner">
						<img id="bannertext" src="<?php echo $this->baseurl ?>/templates/
<?php echo $this->template ?>/images/advertisement.png" alt="Advertisement" title="Advertisement" /><div><jdoc:include type="modules" name="banner" /></div>
					</div>
					<?php } ?>
	
				</div>
			</div>
		</div>
		
		<?php if($this->countModules('menu')) { ?>		
		<div id="menu">
			<div class="menu-l">
				<div class="menu-r">
					<jdoc:include type="modules" name="menu" />
				</div>
			</div>
		</div>
		<?php } ?>

		<?php if ($this->countModules('user1 + user2 + user3')) { ?>
		<div id="top">
			<div class="top-tl">
				<div class="top-tr">
					<div class="top-bl">
						<div class="top-br">
							<div class="floatbox ie_fix_floats">
							
								<?php if($this->countModules('user1')) { ?>
								<div class="topbox <?php echo $topboxwidth; ?> <?php echo $topbox12seperator; ?> float-left">
									<jdoc:include type="modules" name="user1" style="xhtml" />
								</div>
								<?php } ?>
															
								<?php if($this->countModules('user2')) { ?>
								<div class="topbox <?php echo $topboxwidth; ?> <?php echo $topbox23seperator; ?> float-left">
									<jdoc:include type="modules" name="user2" style="xhtml" />
								</div>
								<?php } ?>
																
								<?php if($this->countModules('user3')) { ?>
								<div class="topbox <?php echo $topboxwidth; ?> float-left">
									<jdoc:include type="modules" name="user3" style="xhtml" />
								</div>
								<?php } ?>
							
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<?php } ?>
	
		<div id="middle">
			<div class="background <?php echo $layoutstyle; ?>">

				<?php if($this->countModules('left')) { ?>
				<div id="left">
					<div id="left_container" class="clearingfix">

						<?php if($this->params->get('date')) { ?>
						<div id="date">
							<?php echo $date->toFormat(JText::_('DATE_FORMAT_LC')); ?>
						</div>
						<?php } ?>

						<?php if($this->countModules('search')) { ?>
						<div id="search">
							<jdoc:include type="modules" name="search" />
						</div>
						<?php } ?>

						<jdoc:include type="modules" name="left" style="xhtml" />

					</div>
				</div>
				<?php } ?>

				<div id="main">
					<div id="main_container" class="clearingfix">

						<?php if ($this->countModules('breadcrumb')) { ?>
						<div id="breadcrumb">
							<jdoc:include type="modules" name="breadcrumb" />
						</div>
						<?php } ?>

						<?php if ($this->countModules('user4 + user5')) { ?>
						<div id="maintop" class="floatbox">
			
							<?php if($this->countModules('user4')) { ?>
							<div class="maintopbox <?php echo $maintopboxwidth; ?> <?php echo $maintopbox12seperator; ?> float-left">
								<jdoc:include type="modules" name="user4" style="rounded" />
							</div>
							<?php } ?>
			
							<?php if($this->countModules('user5')) { ?>
							<div class="maintopbox <?php echo $maintopboxwidth; ?> float-left">
								<jdoc:include type="modules" name="user5" style="rounded" />
							</div>
							<?php } ?>
			
						</div>
						<?php } ?>

						<div id="mainmiddle" class="floatbox <?php echo $rightbackground; ?>">

							<?php if($this->countModules('right')) { ?>
							<div id="right">
								<div id="right_container" class="clearingfix">
									<jdoc:include type="modules" name="right" style="xhtml" />
								</div>
							</div>
							<?php } ?>
			
							<div id="content">
								<div id="content_container" class="clearingfix">

									<div class="floatbox">
										<jdoc:include type="message" />
										<jdoc:include type="component" />
									</div>

								</div>
							</div>

						</div>

						<?php if ($this->countModules('user6 + user7')) { ?>
						<div id="mainbottom" class="floatbox">
			
							<?php if($this->countModules('user6')) { ?>
							<div class="mainbottombox <?php echo $mainbottomboxwidth; ?> <?php echo $mainbottombox12seperator; ?> float-left">
								<jdoc:include type="modules" name="user6" style="rounded" />
							</div>
							<?php } ?>
		
							<?php if($this->countModules('user7')) { ?>
							<div class="mainbottombox <?php echo $mainbottomboxwidth; ?> float-left">
								<jdoc:include type="modules" name="user7" style="rounded" />
							</div>
							<?php } ?>
			
						</div>
						<?php } ?>

					</div>
				</div>
			
			</div>
		</div>

		<?php if ($this->countModules('user8 + bottom + user9')) { ?>
		<div id="bottom">
			<div class="bottom-tl">
				<div class="bottom-tr">
					<div class="bottom-bl">
						<div class="bottom-br">
							<div class="floatbox ie_fix_floats">
									
								<?php if($this->countModules('user8')) { ?>
								<div class="bottombox <?php echo $bottomboxwidth; ?> <?php echo $bottombox12seperator; ?> float-left">
									<jdoc:include type="modules" name="user8" style="xhtml" />
								</div>
								<?php } ?>
																						
								<?php if($this->countModules('bottom')) { ?>
								<div class="bottombox <?php echo $bottomboxwidth; ?> <?php echo $bottombox23seperator; ?> float-left">
									<jdoc:include type="modules" name="bottom" style="xhtml" />
								</div>
								<?php } ?>
																						
								<?php if($this->countModules('user9')) { ?>
								<div class="bottombox <?php echo $bottomboxwidth; ?> float-left">
									<jdoc:include type="modules" name="user9" style="xhtml" />
								</div>
								<?php } ?>
									
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<?php } ?>
				
		<div id="footer">
		<?php if($this->countModules('footer')) { ?>
				<jdoc:include type="modules" name="footer" />
		<?php } ?>
		</div>
		
		<jdoc:include type="modules" name="debug" />

	</div>

</body>
</html>

Edited by djpustiu2002, 16 May 2010 - 13:39.

#2
djpustiu2002
Posted 17 May 2010 - 13:55

djpustiu2002

    New Member

  • Grup: Members
  • Posts: 2
  • Înscris: 16.05.2010
Am modificat ceva la cod..dar tot nu este ok.. Acum am pus background repeat-y... se afisaza si in mozilla pe intreaga pagina dar se vede unde se repeta imaginea.. ...tot nu este ok...

Anunturi

Chirurgia cranio-cerebrală minim invazivă Chirurgia cranio-cerebrală minim invazivă

Tehnicile minim invazive impun utilizarea unei tehnologii ultramoderne.

Endoscoapele operatorii de diverse tipuri, microscopul operator dedicat, neuronavigația, neuroelectrofiziologia, tehnicile avansate de anestezie, chirurgia cu pacientul treaz reprezintă armamentarium fără de care neurochirurgia prin "gaura cheii" nu ar fi posibilă. Folosind tehnicile de mai sus, tratăm un spectru larg de patologii cranio-cerebrale.

www.neurohope.ro
Back to Web Design / Flash / Graphix

▶ 0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

  1. Forumul Softpedia
  2. → Professional Zone
  3. → Webmaster Corner
  4. → Web Design / Flash / Graphix
Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate