So, nach langer Pause da keine Zeit, setze ich mich nun wieder ran...
http://www.lyzarr.com/testsite/de/neu-responsive.html
Danke Deines Hinweises, Tom, konnte ich jetzt das condensed Menü unabhängig vom regulären stylen.
Ansonsten liegt da aber noch immer von der Funktionalität einiges im Argen.
1.) Soll die Navi horizontal zentriert sein, was sie aktuell nicht ist
2.) springt die Ausrichtung an bestimmten Punkten (condensed und regulär) immer, sehe aber nicht, daß dies durch viewport Einstellungen verursacht wird
3.) schiebt sich das condensed Menü nicht weiter zusammen, sprich der Hamburger button verschwindet irgendwann im rechten Bildrand
4.) paßt sich das condensed Menü nicht in der Höhe an - die Navi-Punkte werden abgeschnitten
Ich gehe davon aus, daß irgendein Fehler für mehrere der Punkte verantwortlich ist, bin aber leider nicht im Stande diesen zu identifizieren.
Wäre über eine tendenziell eher "idiotensichere" Hilfe äußerst dankbar.
Nachfolgend im Spoiler die index.php:
<?php defined('_JEXEC') or die;
$app = JFactory::getApplication();
$doc = JFactory::getDocument();
$sitename = $app->getCfg('sitename');
// Detecting Active Variables
$itemid = $app->input->getCmd('Itemid', '');
?>
<!DOCTYPE html>
<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>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<jdoc:include type="head" />
<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/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=Fjord+One' rel='stylesheet' type='text/css'>
<?php
// Add JavaScript Frameworks
JHtml::_('bootstrap.framework');
// Add Stylesheets
JHtmlBootstrap::loadCss();
// Load optional rtl Bootstrap css and Bootstrap bugfixes
JHtmlBootstrap::loadCss($includeMaincss = false, $this->direction);
// Adjusting content width
if ($this->countModules('position-7') && $this->countModules('position-8'))
{
$span = "span6";
}
elseif ($this->countModules('position-7') && !$this->countModules('position-8'))
{
$span = "span9";
}
elseif (!$this->countModules('position-7') && $this->countModules('position-8'))
{
$span = "span9";
}
else
{
$span = "span12";
}
?>
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700' rel='stylesheet' type='text/css' />
<link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/template.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 9]>
<script src="<?php echo $this->baseurl ?>/media/jui/js/html5.js"></script>
<![endif]-->
<!--[if lte IE 7]>
<link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/template_IEold.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if IE 8]>
<link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/template_IE8.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if IE 9]>
<link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/template_IE9.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<body id="<?php echo ($itemid ? 'itemid-' . $itemid : ''); ?>">
<!-- Das ist der äußere Container -->
<div id="bluestrip">
</div>
<div id="wrapper">
<!-- Das ist der Kopfbereich -->
<div id="topwrapper">
<!-- Begin Navbar-->
<?php if ($this->countModules('top')): ?>
<div class="navbar navbar-inverse">
<div class="navbar-inner">
<div class="container">
<div class="row top-menu-row"> <!-- added .row -->
<div class="span3"> <!-- added .span3 -->
<div class="toplogo">
<a href="<?php echo $root = JURI::root();?>" onfocus="blur()" title="Zur Startseite"></a>
</div>
</div> <!-- end .span3 -->
<div class="span9 hidden-desktop"> <!-- added .span9 -->
<!--
<div id="language">
<jdoc:include type="modules" name="language" style="xhtml" />
</div>
-->
<a class="btn btn-navbar collapsed" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
</div> <!-- end .span9 -->
<div class="span9"> <!-- added .span9 -->
<div class="nav-collapse collapse" style="z-index: 2; height: 0px;">
<jdoc:include type="modules" name="top" style="none" />
</div>
</div> <!-- end .span9 -->
</div>
</div>
</div>
</div><!--End navbar-->
</div>
<?php endif; ?>
<?php if ($this->countModules('position-5')): ?>
<div class="bigimage">
<jdoc:include type="modules" name="position-5" style="none" />
<div class="clearfix"></div>
</div><!--End Bigimage-->
<?php endif; ?>
<div class="container">
<!-- Begin Header-->
<div class="header">
<div class="header-inner">
<?php if ($this->countModules('position-0')): ?>
<div class="pos0">
<jdoc:include type="modules" name="position-0" style="none" />
<div class="clearfix"></div>
</div><!--End Pos0-->
<?php endif; ?>
<?php if ($this->countModules('position-4')): ?>
<div class="pos4">
<jdoc:include type="modules" name="position-4" style="none" />
<div class="clearfix"></div>
</div><!--End Pos4-->
<?php endif; ?>
<?php if ($this->countModules('position-6')): ?>
<div class="navigation">
<jdoc:include type="modules" name="position-6" style="none" />
<div class="clearfix"></div>
</div><!--End Navigation-->
<?php endif; ?>
<!--ursprüngliche Position von "position-5"-->
<div class="clearfix"></div>
</div><!--End Header-Inner-->
</div><!--End Header-->
<!-- Begin Container content-->
<div class="container-content">
<?php if ($this->countModules('position-1')): ?>
<div class="navigation">
<jdoc:include type="modules" name="position-1" style="none" />
<div class="clearfix"></div>
</div><!--End Navigation-->
<?php endif; ?>
<div class="row">
<?php if ($this->countModules('position-8')): ?>
<div id="sidebarleft" class="span3">
<jdoc:include type="modules" name="position-8" style="well" /><!--End Position-8-->
</div><!--End Sidebar Left-->
<?php endif; ?>
<div id="content" class="<?php echo $span;?>">
<?php if ($this->countModules('breadcrumb')): ?>
<div class="breadcrumbs">
<jdoc:include type="modules" name="breadcrumb" style="none" />
<div class="clearfix"></div>
</div><!--End breadcrumb-->
<?php endif; ?>
<?php if ($this->countModules('position-3')): ?>
<div class="pos3">
<jdoc:include type="modules" name="position-3" style="none" />
<div class="clearfix"></div>
</div><!--End Pos3-->
<?php endif; ?>
<jdoc:include type="message" />
<jdoc:include type="component" />
</div><!--Content -->
<?php if ($this->countModules('position-7')) : ?>
<div id="sidebarright" class="span3">
<jdoc:include type="modules" name="position-7" style="well" /><!--End Position-7-->
</div><!--End Sidebar Right-->
<?php endif; ?>
</div><!--End Row-->
</div><!--End Container Content-->
</div><!--Container-->
<!-- Begin Footer -->
<div id="footerwrapper">
<div id="footer">
<div id="footer_1">
<jdoc:include type="modules" name="footer_1" style="umschlossen" />
</div>
<div id="footer_2">
<jdoc:include type="modules" name="footer_2" style="umschlossen" />
</div>
<div id="footer_3">
<jdoc:include type="modules" name="footer_3" style="umschlossen" />
</div>
<p id="copyright">© <?php echo $this->params->get('copyright_text'); ?>
<!-- <?php echo $sitename; ?> <?php echo date('Y');?> -->
</p>
</div><!--Container-->
</div>
<!--End Footer-->
<?php if ($this->countModules('messageIE')): ?>
<!--[if lte IE 7]>
<div class="message-ie"><jdoc:include type="modules" name="messageIE" style="none" /></div>
<![endif]-->
<?php endif; ?>
<jdoc:include type="modules" name="debug" style="none" />
</body>
</html>
Alles anzeigen