Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
arii

Smart phone pentru auz deficitar

Manager transport marfa. Pareri. ...

BIOS F.24 pentru HP Pavilion g7-2...
 Meta Quest 3 512 gb

Father's Day

Clipboard files copy/paste, filen...

Boardgame-uri despre cuvinte
 Care-i treaba cu Reddit-ul? (nu m...

Diferente diferentiale

Finala Eurovision 2024

De ce nu protestati?
 Etanșare intre cada perete b...

Back-up box Fronius ?

Router de la Digi nu face fata la...

Magnolii
 

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

Neurochirurgie minim invazivă Neurochirurgie minim invazivă

"Primum non nocere" este ideea ce a deschis drumul medicinei spre minim invaziv.

Avansul tehnologic extraordinar din ultimele decenii a permis dezvoltarea tuturor domeniilor medicinei. Microscopul operator, neuronavigația, tehnicile anestezice avansate permit intervenții chirurgicale tot mai precise, tot mai sigure. Neurochirurgia minim invazivă, sau prin "gaura cheii", oferă pacienților posibilitatea de a se opera cu riscuri minime, fie ele neurologice, infecțioase, medicale sau estetice.

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

▶ 1 user(s) are reading this topic

0 members, 1 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