Hvorfor ødelegger denne banneren designet i FF og IE men ikke Opera?

King-Nothing · 16. juni 2009

Jeg jobber med en ny nettside og holder på å legge til noen bannere. Har lagt til en banner helt på toppen av siden og i Opera (som jeg hovedsakelig bruker) ser dette veldig bra ut, men i FF 3,5b og IE 8 legger banneren seg på toppen av logoen på siden og det ser ikke bra ut i det hele tatt.

Se på bildene her så skjønner dere:

Opera:

IE og FF

Alle tips tas imot med takk.

Endret 16. juni 2009 av King-Nothing

halvor07 · 21. juni 2009

Hvis du legger ut HTML-koden og eventuelle stilark, eventuelt link til dette, så blir det kanskje litt lettere å hjelpe deg med problemet.

King-Nothing · 21. juni 2009

Ser der ja, det skulle selvfølgelig vært med i førsteposten.

Url: http://www.trommeforum.com/joomla2

Koden for å vise banneren, lagt til i index.php:

<?php if ($this->countModules('advert-t')) : ?>

<jdoc:include type="modules" name="advert-t" style="none" />

</div>

<?php endif; ?>

css-koden til banneren:

#advert-t {
float:left;
height:100%;
width:728px;
z-index:9999;
margin-left: 78px;
margin-top: -15px;
position: absolute;
}

Sliter fortsatt med dette, så setter stor pris på all hjelp.

Endret 21. juni 2009 av King-Nothing

funkyboy · 24. juni 2009

Prøv å ta bort z-index og position: absolute. Disse atributtene gjør trolig i denne sammenhengen at float ikke fungerer slik du ønsker.

King-Nothing · 24. juni 2009

Takk for svar.

Prøvde dette, men det hjalp ingenting. Jeg har jo to bannere på siden som er med disse atributtene og de fungerer fint. Men i Opera så ligger den øverste banneren (den på siden) helt på toppen av siden, mens i FF og IE så havner den litt ned, akkurat der bakgrunnsbildet slutter. Så det ser ut til at i FF og IE så skyves alt nedover, mens i Opera så får denne sidebanneren lov til å ligge høyere...

funkyboy · 25. juni 2009

Uten at jeg har sett for mye på kildekoden din, ville jeg eventuelt lagt til en clearfix- klasse på alle (parent-) elementer som benytter float. Clearfix er en "kind of" hack som ved hjelp av css legger til (usynlig) innhold etter elementet, og dermed vil divideren oppta den plassen den er tiltenkt i utgangspunktet. Det som ofte skjer dersom man ikke benytter denne, er at innholdet tar mer plass i høyden enn elementet selv, og man opplever resultater som dette.

Les mer om clearfix her; http://www.webtoolkit.info/css-clearfix.html

King-Nothing · 26. juni 2009

Dette må testes. Takk for tips!

Men jeg er litt usikker på hvor dette skal inn hen og hvordan jeg skal formulere det.

dropface · 26. juni 2009

Hmm, hva med å gjøre det det enkelt?

Ramme inn hovesiden i egen divider, lag en egen divder for "testbanner" helt øverst, så slipper du all bryet med float og index som kan gjøre det vanskelig å utforme design. La vær å definere bredde, sett riktig høyde, og sentrer selve banneren.

King-Nothing · 26. juni 2009

Enkelt liker vi.

Men dette er vel igrunn gjort alledere? Sjekk ut kildekoden:

<?php
// no direct access
defined( '_JEXEC' ) or die( 'Restricted index access' );
define( 'YOURBASEPATH', dirname(__FILE__) );
require( YOURBASEPATH.DS."rt_styleswitcher.php");
JHTML::_( 'behavior.mootools' );

$live_site				= $mainframe->getCfg('live_site');
$template_path 			= $this->baseurl . '/templates/' .  $this->template;
$default_style 			= $this->params->get("defaultStyle", "style1");
$enable_ie6warn		 = ($this->params->get("enableIe6warn", 1)  == 0)?"false":"true";
$font_family			= $this->params->get("fontFamily", "default");
$template_width 		= $this->params->get("templateWidth", "968");
$leftcolumn_width		= $this->params->get("leftcolumnWidth", "270");
$rightcolumn_width		= $this->params->get("rightcolumnWidth", "270");
$splitmenu_col			= $this->params->get("splitmenuCol", "rightcol");
$menu_name 				= $this->params->get("menuName", "mainmenu");
$menu_type 				= $this->params->get("menuType", "moomenu");
$default_font 			= $this->params->get("defaultFont", "default");
$show_moduleslider 		= ($this->params->get("showModuleslider", 1)  == 0)?"false":"true";
$moduleslider_location	= $this->params->get("modulesliderLocation", "right");
$moduleslider_height	= $this->params->get("modulesliderHeight", "400");
$show_breadcrumbs 		= ($this->params->get("showBreadcrumbs", 0)  == 0)?"false":"true";
$show_logo		 		= ($this->params->get("showLogo", 1)  == 0)?"false":"true";
$show_bottomlogo		= ($this->params->get("showBottomlogo", 1)  == 0)?"false":"true";
$show_date		 		= ($this->params->get("showDate", 1)  == 0)?"false":"true";
$show_controls		 	= ($this->params->get("showControls", 1)  == 0)?"false":"true";
$show_copyright 		= ($this->params->get("showCopyright", 1)  == 0)?"false":"true";

// moomenu options
$moo_bgiframe	 		= ($this->params->get("moo_bgiframe'","0") == 0)?"false":"true";
$moo_delay	   		= $this->params->get("moo_delay", "500");
$moo_duration			= $this->params->get("moo_duration", "600");
$moo_fps				  = $this->params->get("moo_fps", "200");
$moo_transition   		= $this->params->get("moo_transition", "Sine.easeOut");

$moo_bg_enabled			= ($this->params->get("moo_bg_enabled","0") == 0)?"false":"true";
$moo_bg_over_duration		= $this->params->get("moo_bg_over_duration", "100");
$moo_bg_over_transition		= $this->params->get("moo_bg_over_transition", "Expo.easeOut");
$moo_bg_out_duration		= $this->params->get("moo_bg_out_duration", "800");
$moo_bg_out_transition		= $this->params->get("moo_bg_out_transition", "Sine.easeOut");

// module slider configuration

$max_mods_per_row			= $this->params->get("maxModsPerRow", 3);
$ms_title1					= $this->params->get("msTitle1", "Tab One");	
$ms_title2					= $this->params->get("msTitle2", "Tab Two");	
$ms_title3					= $this->params->get("msTitle3", "Tab Three");	
$ms_title4					= $this->params->get("msTitle4", "Tab Four");	
$ms_title5					= $this->params->get("msTitle5", "Tab Five");		
$ms_module1					= $this->params->get("msModule1", "user11");		
$ms_module2					= $this->params->get("msModule2", "user12");			
$ms_module3					= $this->params->get("msModule3", "user13");			
$ms_module4					= $this->params->get("msModule4", "user14");			
$ms_module5					= $this->params->get("msModule5", "user15");

require(YOURBASEPATH . "/rt_styleloader.php");


?>
<!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; ?>" >
<head>


	<jdoc:include type="head" />
	<?php
	require(YOURBASEPATH . DS . "rt_tabmodules.php");
	require(YOURBASEPATH . DS . "rt_utils.php");
	require(YOURBASEPATH . DS . "rt_head_includes.php");

?>
<link rel="shortcut icon" href="<?php echo $this->baseurl ?>/images/favicon.ico" />


</head>
<body id="ff-<?php echo $fontfamily; ?>" class="<?php echo $fontstyle; ?> <?php echo $tstyle; ?> iehandle">

	<div id="header-panel">
		<div id="top-bg">
<?php if ($this->countModules('advert-r')) : ?>
<div id="advert-r">
<jdoc:include type="modules" name="advert-r" style="none" />
</div>
<?php endif; ?>

<?php if ($this->countModules('advert-rt')) : ?>
<div id="advert-rt">
<jdoc:include type="modules" name="advert-rt" style="none" />
</div>
<?php endif; ?>
<div class="wrapper">



				<!-- Begin Header Area -->

				<div id="header">
					<div id="header2">
						<div id="header3">
<?php if ($this->countModules('advert-t')) : ?>
<div id="advert-t">
<jdoc:include type="modules" name="advert-t" style="none" />
</div>
<?php endif; ?>
							<div id="header-top">

								<?php if($show_logo == "true") : ?>
								<a href="<?php echo $this->baseurl; ?>" class="nounder"><img src="<?php echo $template_path; ?>/images/blank.gif" border="0" alt="" id="logo" /></a>
								<?php else: ?>
								<div class="logo-module">
									<jdoc:include type="modules" name="icon" style="xhtml" />
								</div>
								<?php endif; ?>
								<div class="top-module">
									<jdoc:include type="modules" name="top" style="xhtml" />
								</div>
							</div>
							<!-- Begin Horizontal Menu -->
							<?php if ($this->countModules('advert1') or $this->countModules('advert2') or $this->countModules('advert3') or $this->countModules('rotator')) : ?>
							<div id="horiz-menu-bar"><div id="horiz-menu-bar2"><div id="horiz-menu-bar3">
								<div id="horiz-menu" class="<?php echo $mtype; ?>">
									<?php if($mtype != "module") : ?>
										<?php echo $topnav; ?>
									<?php else: ?>
										<jdoc:include type="modules" name="toolbar" style="none" />
									<?php endif; ?>
								</div></div></div>
							</div>
							<?php else: ?>
							<div id="horiz-menu2-bar"><div id="horiz-menu2-bar2"><div id="horiz-menu2-bar3">
								<div id="horiz-menu" class="<?php echo $mtype; ?>">
									<?php if($mtype != "module") : ?>
										<?php echo $topnav; ?>
									<?php else: ?>
										<jdoc:include type="modules" name="toolbar" style="none" />
									<?php endif; ?>
								</div></div></div>
							</div>
							<?php endif; ?>
							<!-- End Horizontal Menu -->
						</div>
					</div>
				</div>
				<!-- End Header Area -->
			</div>
			<div class="wrapper">
				<!-- Begin Showcase Area -->
				<?php if ($this->countModules('advert1') or $this->countModules('advert2') or $this->countModules('advert3') or $this->countModules('rotator')) : ?>
				<div id="showcase-main"><div id="showcase-main2"><div id="showcase-main3">
					<?php if ($this->countModules('rotator')) : ?>
					<div class="showcase-bg"></div>
					<div class="rotator-module">
						<jdoc:include type="modules" name="rotator" style="rounded" />
					</div>
					<?php else: ?>
					<div class="padding">
						<div id="showcasemodules" class="spacer<?php echo $showcasemod_width; ?>">
							<?php if ($this->countModules('advert1')) : ?>
							<div class="block">
								<jdoc:include type="modules" name="advert1" style="rounded" />
							</div>
							<?php endif; ?>
							<?php if ($this->countModules('advert2')) : ?>
							<div class="block">
								<jdoc:include type="modules" name="advert2" style="rounded" />
							</div>
							<?php endif; ?>
							<?php if ($this->countModules('advert3')) : ?>
							<div class="block">
								<jdoc:include type="modules" name="advert3" style="rounded" />
							</div>
							<?php endif; ?>
						</div>
					</div>
					<?php endif; ?>
				</div></div></div>
				<?php if ($this->countModules('rotator')) : ?>
				<div id="showcase-bottom" class="alt">
				<?php else: ?>
				<div id="showcase-bottom">
				<?php endif; ?>
				<div id="showcase-bottom2"><div id="showcase-bottom3">
					<?php if($show_date == "true") : ?>
					<div id="date-block">
						<span class="date"><?php $now = &JFactory::getDate(); echo $now->toFormat('%A, %B %d, %Y'); ?></span>
					</div>
					<?php endif; ?>
					<?php if($show_controls == "true") : ?>
					<div id="controls-block">
						<div class="fontbutton-text">Text Size</div>
						<div id="accessibility">
							<div id="buttons">
								<a href="<?php echo $thisurl; ?>fontstyle=f-larger" title="Increase size" class="large"><span class="button"> </span></a>
								<a href="<?php echo $thisurl; ?>fontstyle=f-smaller" title="Decrease size" class="small"><span class="button"> </span></a>
							</div>
						</div>
					</div>
					<?php endif; ?>
					<?php if ($this->countModules('search')) : ?>
					<div id="searchmod">
						<jdoc:include type="modules" name="search" style="xhtml" />
					</div>
					<?php endif; ?>
				</div></div></div>
				<?php else: ?>
				<div id="menu2-bottom"><div id="menu2-bottom2"><div id="menu2-bottom3">
					<?php if($show_date == "true") : ?>
					<div id="date-block2">
						<span class="date"><?php $now = &JFactory::getDate(); echo $now->toFormat('%A,%B %d,%Y'); ?></span>
					</div>
					<?php endif; ?>
					<?php if($show_controls == "true") : ?>
					<div id="controls-block2">
						<div class="fontbutton-text">Text Size</div>
						<div id="accessibility">
							<div id="buttons">
								<a href="<?php echo $thisurl; ?>fontstyle=f-larger" title="Increase size" class="large"><span class="button"> </span></a>
								<a href="<?php echo $thisurl; ?>fontstyle=f-smaller" title="Decrease size" class="small"><span class="button"> </span></a>
							</div>
						</div>
					</div>
					<?php endif; ?>
					<?php if ($this->countModules('search')) : ?>
					<div id="searchmod2">
						<jdoc:include type="modules" name="search" style="xhtml" />
					</div>
					<?php endif; ?>
				</div></div></div>
				<?php endif; ?>
				<!-- End Showcase Area -->
			</div>
			<!-- Begin Main Content Area -->
			<?php if ($this->countModules('advert1') or $this->countModules('advert2') or $this->countModules('advert3') or $this->countModules('rotator')) : ?>
			<div id="mid-panel-bg"></div>
			<?php else: ?>
			<div id="mid-panel-bg-alt"></div>
			<?php endif; ?>
			<div class="wrapper">
				<div id="main-body">
					<div id="main-body2">
						<!-- Begin Left Column -->
						<?php if ($this->countModules('left') or ($subnav and $splitmenu_col=="leftcol")) : ?>
						<?php if (($this->countModules('advert1') or $this->countModules('advert2') or $this->countModules('advert3') or $this->countModules('rotator')) and ($this->countModules('left') or ($subnav and $splitmenu_col=="leftcol"))) : ?>
						<div id="leftcol2">
						<?php else : ?>
						<div id="leftcol">
						<?php endif; ?>
							<div class="sameheight">
								<div class="inner">
									<?php if ($subnav and $splitmenu_col=="leftcol") : ?>
									<div class="submenu-top"><div class="submenu-top2"><div class="submenu-top3"></div></div></div>
										<div class="submenu-main"><div class="submenu-main2">
											<?php echo $subnav; ?>
										</div></div>
									<div class="submenu-bottom"><div class="submenu-bottom2"><div class="submenu-bottom3"></div></div></div>
									<?php endif; ?>
									<jdoc:include type="modules" name="left" style="rounded" />
									<?php if ($show_moduleslider=="true" and ($moduleslider_location=="left" and ($this->countModules('user11') or $this->countModules('user12') 
								or $this->countModules('user13') or $this->countModules('user14') or $this->countModules('user15')))) : ?>
										<div id="moduleslider-size">
											<?php displayTabs($this); ?>
										</div>
									<?php endif; ?>
								</div>
							</div>
						</div>
						<?php endif; ?>
						<!-- End Left Column -->
						<!-- Begin Right Column -->
						<?php if ($this->countModules('right') or ($subnav and $splitmenu_col=="rightcol")) : ?>
						<?php if (($this->countModules('advert1') or $this->countModules('advert2') or $this->countModules('advert3') or $this->countModules('rotator')) and ($this->countModules('right') or ($subnav and $splitmenu_col=="rightcol"))) : ?>
						<div id="rightcol2">
						<?php else : ?>
						<div id="rightcol">
						<?php endif; ?>
							<div class="sameheight">
								<div class="inner">
									<?php if ($subnav and $splitmenu_col=="rightcol") : ?>
									<div class="submenu-top"><div class="submenu-top2"><div class="submenu-top3"></div></div></div>
										<div class="submenu-main"><div class="submenu-main2">
											<?php echo $subnav; ?>
										</div></div>
									<div class="submenu-bottom"><div class="submenu-bottom2"><div class="submenu-bottom3"></div></div></div>
									<?php endif; ?>
									<jdoc:include type="modules" name="right" style="rounded" />
									<?php if ($show_moduleslider=="true" and ($moduleslider_location=="right" and ($this->countModules('user11') or $this->countModules('user12') 
								or $this->countModules('user13') or $this->countModules('user14') or $this->countModules('user15')))) : ?>
										<div id="moduleslider-size">
											<?php displayTabs($this); ?>
										</div>
									<?php endif; ?>
								</div>
							</div>
						</div>
						<?php endif; ?>
						<!-- End Right Column -->
						<!-- Begin Main Column -->
						<?php if ($this->countModules('advert1') or $this->countModules('advert2') or $this->countModules('advert3') or $this->countModules('rotator')) : ?>
						<div id="maincol-alt">
						<?php else: ?>
						<div id="maincol">
						<?php endif; ?>
							<?php if ($this->countModules('left') or ($subnav and $splitmenu_col=="leftcol")) : ?>
							<div id="maincol-border-left">
								<div id="maincol-border-left2">
							  <?php endif; ?>
							<?php if ($this->countModules('right') or ($subnav and $splitmenu_col=="rightcol")) : ?>
							<div id="maincol-border-right">
								<div id="maincol-border-right2">
								<?php endif; ?>
									<div class="sameheight">
										<?php if ($this->countModules('left') and $this->countModules('right')) : ?>
										<div id="maincol1"><div id="maincol2"><div id="maincol3"><div id="maincol4"><div id="maincol5">
											<?php endif; ?>
											<div class="padding">
												<?php if ($show_breadcrumbs == "true") : ?>
													<div id="pathway">
														<jdoc:include type="module" name="breadcrumbs" style="none" />
													</div>
												<?php endif; ?>
												<?php if ($this->countModules('user1') or $this->countModules('user2') or $this->countModules('user3')) : ?>
												<?php if (($this->countModules('right') or ($subnav and $splitmenu_col=="rightcol")) and (($this->countModules('left') or ($subnav and $splitmenu_col=="leftcol")))) : ?>
												<div id="mainmodules" class="spacer<?php echo $mainmod_width; ?>">
												<?php else : ?>
												<div id="mainmodules" class="alt spacer<?php echo $mainmod_width; ?>">
												<?php endif; ?>
													<?php if ($this->countModules('user1')) : ?>
													<div class="block">
														<jdoc:include type="modules" name="user1" style="rounded" />
													</div>
													<?php endif; ?>
													<?php if ($this->countModules('user2')) : ?>
													<div class="block">
														<jdoc:include type="modules" name="user2" style="rounded" />
													</div>
													<?php endif; ?>
													<?php if ($this->countModules('user3')) : ?>
													<div class="block">
														<jdoc:include type="modules" name="user3" style="rounded" />
													</div>
													<?php endif; ?>
												</div>
												<?php endif; ?>
												<?php if (($this->countModules('right') or ($subnav and $splitmenu_col=="rightcol")) and (($this->countModules('left') or ($subnav and $splitmenu_col=="leftcol")))) : ?>
												<div id="main-container">
													<div class="padding">
												<?php else : ?>
												<div id="main-container2">
													<div class="padding">
													<?php endif; ?>
														<jdoc:include type="message" />
														<jdoc:include type="component" />
													</div>
												</div>
												<?php if ($this->countModules('user4') or $this->countModules('user5') or $this->countModules('user6')) : ?>
												<div id="mainmodules2" class="spacer<?php echo $mainmod2_width; ?>">
													<?php if ($this->countModules('user4')) : ?>
													<div class="block">
														<jdoc:include type="modules" name="user4" style="rounded" />
													</div>
													<?php endif; ?>
													<?php if ($this->countModules('user5')) : ?>
													<div class="block">
														<jdoc:include type="modules" name="user5" style="rounded" />
													</div>
													<?php endif; ?>
													<?php if ($this->countModules('user6')) : ?>
													<div class="block">
														<jdoc:include type="modules" name="user6" style="rounded" />
													</div>
													<?php endif; ?>
												</div>
												<?php endif; ?>
												<?php if ($show_moduleslider=="true" and ($moduleslider_location=="middle" and ($this->countModules('user11') or $this->countModules('user12') 
											or $this->countModules('user13') or $this->countModules('user14') or $this->countModules('user15')))) : ?>
													<div class="moduleslider-padding">
														<div id="moduleslider-size">
															<?php displayTabs($this); ?>
														</div>
													</div>
												<?php endif; ?>
											</div>
											<?php if ($this->countModules('left') and $this->countModules('right')) : ?>
										</div></div></div></div></div>
										<?php endif; ?>
									</div>
								<?php if ($this->countModules('right') or ($subnav and $splitmenu_col=="rightcol")) : ?>
								</div>
							</div>
							<?php endif; ?>
								<?php if ($this->countModules('left') or ($subnav and $splitmenu_col=="leftcol")) : ?>
								</div>
							</div>
							<?php endif; ?>
						</div>
						<!-- End Main Column -->
						<div class="clr"></div>
					</div>
				</div>
			</div>
			<div class="wrapper">
				<div id="bottom-menu"><div id="bottom-menu2"><div id="bottom-menu3">
					<jdoc:include type="modules" name="bottom" style="xhtml" />
				</div></div></div>
			</div>
			<div id="mid-panel-bg2"></div>
			<div class="wrapper">
				<!-- Begin Bottom Area -->
				<div id="bottom-section">
					<div class="padding">
						<div id="bottommodules" class="spacer<?php echo $bottommod_width; ?>">
							<?php if ($this->countModules('user7')) : ?>
							<div class="block">
								<jdoc:include type="modules" name="user7" style="rounded" />
							</div>
							<?php endif; ?>
							<?php if ($this->countModules('user8')) : ?>
							<div class="block">
								<jdoc:include type="modules" name="user8" style="rounded" />
							</div>
							<?php endif; ?>
							<?php if ($this->countModules('user9')) : ?>
							<div class="block">
								<jdoc:include type="modules" name="user9" style="rounded" />
							</div>
							<?php endif; ?>
							<?php if ($this->countModules('user10')) : ?>
							<div class="block">
								<jdoc:include type="modules" name="user10" style="rounded" />
							</div>
							<?php endif; ?>
						</div>
					</div>
				</div>
				<!-- End Bottom Area -->
				<!-- Begin Footer Area -->
				<div id="footer"><div id="footer2"><div id="footer3">
					<div class="padding">
						<?php if ($show_bottomlogo == "true") : ?>

						<?php endif; ?>
					</div>
				</div></div></div>
			</div>
			<div id="mid-panel-bg3"></div>
			<div class="wrapper">
				<?php if ($show_copyright == "true") : ?>

				<?php else: ?>
				<div class="footer-mod">
					<jdoc:include type="modules" name="footer" style="xhtml" />
				</div>
				<?php endif; ?>
			</div>
			<!-- End Footer Area -->
			<jdoc:include type="modules" name="debug" style="xhtml" />
		</div>
	</div>
</body>
</html>

Der ser du at <div id="advert-t"> er banneren som ligger på toppen.

Egenskapene er satt i template.css og ser slik ut:

#advert-t {

float:left;

height:100%;

width:728px;

z-index:9999;

margin-left: 78px;

margin-top: -15px;

position: absolute;

}

Eller mener du noe helt annet?

Endret 26. juni 2009 av King-Nothing

dropface · 26. juni 2009

Aha, det er alderede gjort ja.

Så lenge posisjonen til hovedinnholdet ikke er så veldig strengt, vil du ikke trenge mye regler for #adver-t divideren. For å gjøre det enkelt:

- Definer den absolutte høyden divideren skal ha.

- Definer: absolutt høyde, ingen bredde, ingen z-index eller margin.

Da vil forhåpenlig vi divideren legger seg utover hele toppen på siden. Legg inn reklamekliden og sentrer den. Uten definert bredde på divideren vil den også bli bedre kompitabel med blandt annet størrelse på siden og oppløsning.

Men alt dette er litt avhengig av på hvordan måte andre ting er satt sammen..

King-Nothing · 26. juni 2009

Har prøvd dette nå:

#advert-t {

height:90px;

width:728px;

}

Men det ble ikke bra. Da ser den like ille ut i Opera som i IE og FF. Altså er den nå ubrukelig i alle disse tre nettleserene.

dropface · 26. juni 2009

Hehe, litt vanskelig å finne ut av dette uten å sette seg inn i alt selv.

Det virker som om dette opprinnelig er en template? I såfall, kan det av og til være litt kronglete å få ting som man vil, da noen er ganske komplekst satt sammen.

Jeg vet ikke, du får eksperimentere litt, men alt i alt; jeg ville sjekket hvordan hoveinnholdet er definert, slik at den i helhet kan bli mer kompitabel med posisjonering.

Jeg vet ikke hvor mye kunnskap du har om CSS, men for at andre ting skal kunne plasseres lett, bør ikke ting settes helt fast. Position absolute, marginer som står i veien for annet innhold og z-index er kjente ting som ofte kan skape problemer.

King-Nothing · 28. juni 2009

Vel, jeg har jobbet en del med dette og prøvd utallige løsninger, men jeg finner ikke ut av det. Om du gidder å hjelpe meg litt så kan du få det du trenger av info for å kunne sette seg litt mer inn i det.

Men jeg har jo to bannere på høyresiden og de er plassert korrekt i alle nettlesere. Problemet begynte når jeg plasserte den på toppen. Det virker som om IE og FF nekter å plassere objekter over den overgangen der hvor bakgrunnsbildet slutter, helt på toppen.

Logg inn

Hvorfor ødelegger denne banneren designet i FF og IE men ikke Opera?

Anbefalte innlegg

King-Nothing

Lenke til kommentar

Videoannonse

halvor07

Lenke til kommentar

King-Nothing

Lenke til kommentar

funkyboy

Lenke til kommentar

King-Nothing

Lenke til kommentar

funkyboy

Lenke til kommentar

King-Nothing

Lenke til kommentar

dropface

Lenke til kommentar

King-Nothing

Lenke til kommentar

dropface

Lenke til kommentar

King-Nothing

Lenke til kommentar

dropface

Lenke til kommentar

King-Nothing

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Populær nå

Trond Giske - Frelser eller Rasputin? 1 2

Kommer Syria til å falle nå? 1 2 3

Hvem er aktive 0 medlemmer