Content Baustein in der linken Sidebar zerstört das Design
Ich habe hier http://www.cugmas-bau.de/cms/Leistungen und hier http://www.cugmas-bau.de/cms/Kontakt auf der linken Sidebar deinen Content Baustein "Kontaktangaben" unter die Menünavigation gesetzt. Dadurch wurde das Design zerstört und der komplette Inhalt der Seite auf die linke Sidebar gesetzt.
Wäre lieb, wenn das recht schnell wieder funktioniert, weil ich die Seite fertig machen muss
@henbug hatte da noch irgendwas gecheckt und den Link sollte ich dir mit senden
https://validator.w3.org/nu/?doc=http%3A%2F%2Fwww.cugmas-bau.de%2Fcms%2FLeistungen
Und hier noch der Code einer der fehlerhaften Seiten (http://www.cugmas-bau.de/cms/Kontakt), da ich die Seite nicht so lassen konnte. Ich musste die Website dem Kunden zeigen
<!doctype html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="de"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="de"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="de"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="de"> <!--<![endif]-->
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1,maximum-scale=1" />
<title>Kontakt</title>
<!-- [begin] meta -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="[quiqqer/meta] quiqqer.projects.description" />
<meta name="keywords" content="[quiqqer/meta] quiqqer.projects.keywords" />
<meta name="robots" content="" />
<meta name="googlebot" content=""/>
<meta name="generator" content="QUIQQER /www.pcsg.de" />
<meta name="author" content="" />
<meta name="revisit-after" content="" />
<!-- [end] meta -->
<!--
<link rel="manifest" href="/cms/manifest.json" />
-->
<script type="text/javascript">
var URL_DIR = '/cms/',
URL_OPT_DIR = '/cms/packages/',
URL_BIN_DIR = '/cms/bin/',
URL_LIB_DIR = '/cms/lib/',
URL_VAR_DIR = '/cms/var/',
URL_PROJECT_DIR = '/cms/usr/cugmas/',
URL_TEMPLATE_DIR = '/cms/packages/quiqqer/template-basiccompany/';
var QUIQQER = {
lu : "1465386383"
};
var QUIQQER_PROJECT = {
name : 'cugmas',
lang : 'de',
httpshost : false };
var QUIQQER_USER = {
id : '776010432',
name : 'pcsg',
lang : 'de'
};
var QUIQQER_SITE = {
id : '5',
type : 'quiqqer/sitetypes:types/contact'
};
var QUIQQER_ONLOAD_MODULES = [],
QUIQQER_FRONTEND = 1,
QUIQQER_LOCALE = ["locale\/_cache\/de"];
</script>
<script async src="/cms/bin/QUI/polyfills/picturefill.min.js?lu=1465386383"></script>
<!-- quiqqer-js-defined -->
<!-- mootools -->
<script src="/cms/packages/bin/qui/qui/lib/mootools-core.js?lu=1465386383"></script>
<script src="/cms/packages/bin/qui/qui/lib/mootools-more.js?lu=1465386383"></script>
<script src="/cms/packages/bin/qui/qui/lib/moofx.js?lu=1465386383"></script>
<!-- include components -->
<script src="/cms/packages/bin/require-built.js?lu=1465386383"></script>
<script>
require.config({
baseUrl : URL_DIR,
paths : {
"assets" : URL_OPT_DIR +'bin',
"package" : URL_OPT_DIR,
"locale" : URL_VAR_DIR +'locale/bin',
"qui" : URL_OPT_DIR +'bin/qui/qui',
"classes" : URL_BIN_DIR +'QUI/classes',
"controls" : URL_BIN_DIR +'QUI/controls',
"utils" : URL_BIN_DIR +'QUI/utils',
"polyfills" : URL_BIN_DIR +'QUI/polyfills',
"Controls" : URL_BIN_DIR +'Controls',
"project" : URL_TEMPLATE_DIR +'bin/js',
"Ajax" : URL_BIN_DIR +'QUI/Ajax',
"Locale" : URL_BIN_DIR +'QUI/Locale',
"UploadManager" : URL_BIN_DIR +'QUI/UploadManager'
},
waitSeconds : 0,
locale : QUIQQER_USER.lang +"-"+ QUIQQER_USER.lang,
catchError : true,
urlArgs : "update=1465386383",
map : {
'*': {
'css' : URL_OPT_DIR +'bin/qui/qui/lib/css.js',
'image' : URL_OPT_DIR +'bin/qui/qui/lib/image.js',
'text' : URL_OPT_DIR +'bin/qui/qui/lib/text.js'
}
}
});
</script>
<!-- canonical -->
<link rel="canonical" href="http://cugmas-bau.de//cms/Kontakt" />
<!-- quiqqer css -->
<script src="/cms/packages/quiqqer/gallery/bin/zoom.js" async></script><link href="/cms/packages/quiqqer/buttons/bin/buttons.css" rel="stylesheet" type="text/css" /><link href="/cms/packages/quiqqer/messages/bin/messages.css" rel="stylesheet" type="text/css" /><link rel="stylesheet" href="/cms/usr/cugmas/bin/custom.css" />
<link href='https://fonts.googleapis.com/css?family=Raleway:400,700,300,500' rel='stylesheet' type='text/css'>
<!--[if (lt IE 9) & (!IEMobile)]>
<link rel="stylesheet" href="/cms/packages/quiqqer/template-basiccompany/bin/css/unsemantic/ie.css" />
<![endif]-->
<!-- [begin] css combine -->
<link href="/cms/packages/bin/font-awesome/css/font-awesome.css"
rel="stylesheet"
type="text/css"
/>
<link href="/cms/packages/bin/unsemantic/assets/stylesheets/unsemantic-grid-responsive.css"
rel="stylesheet"
type="text/css"
/>
<link href="/cms/packages/quiqqer/template-basiccompany/bin/css/style.css" rel="stylesheet" type="text/css" />
<link href="/cms/packages/quiqqer/template-basiccompany/bin/css/bricks-controls/navigation.css" rel="stylesheet" type="text/css" />
<!-- [end] css combine -->
<style>
/**
* Farbeinstellungen
*/
.content-switcher-content h2,
.quiqqer-fa-levels-icon:hover,
.quiqqer-navigation-level-1 a:hover,
a.quiqqer-navigation-home:hover {
color: #dd151b;
}
.quiqqer-navigation-entry:hover .quiqqer-fa-list-icon {
color: #dd151b;
}
/*.quiqqer-navigation-level-1 a:hover,
a.quiqqer-navigation-home:hover
{
color: #dd151b;
}*/
#page input[type='checkbox']:checked + label::before,
#page input[type='radio']:checked + label::before {
background-color: #dd151b;
}
input[type='submit'],
input[type='reset'],
input[type='button'],
button,
.button,
.page-content .button,
button:disabled,
button:disabled:hover {
background-color: #dd151b;
color: #ffffff;
border: 2px solid #dd151b;
}
#page .button.special {
background: none !important;
color: #5d5d5d;
}
#page .button.special:hover {
border: 3px solid #dd151b;
}
body {
background: #ffffff;
color: #5d5d5d !important;
}
textarea:hover,
textarea:focus,
input:hover,
input:focus,
select:hover,
select:focus {
outline-color: #dd151b;
}
.main-content-color-bg {
background-color: #ffffff;
}
a,
.fa-navicon:hover {
color: #dd151b;
}
a:hover {
background: #dd151b;
box-shadow: 0 0 0 5px #dd151b;
color: #dd151b;
}
.page-header-navigation-sub-entry-link:hover{
background: #dd151b;
}
input[type='submit']:hover,
input[type='reset']:hover,
input[type='button']:hover,
button:hover,
.button-active,
.button:active,
.button:hover {
background: none !important;
color: #dd151b !important;
}
.page-footer button {
background: #dd151b;
color: #ffffff;
}
.page-footer {
background: #ffffff;
color: #414141 !important;
}
.page-footer header,
.page-footer header a {
color: #ffffff;
}
.page-footer h2,
.page-footer h3,
.page-footer h4 {
color: #414141;
}
footer a {
color: #414141;
}
footer a:hover {
color: #414141;
}
.quiqqer-sheets-desktop a:hover {
border: 1px solid #dd151b !important;
}
.control-background-active {
background: #dd151b !important;
color: #FFFFFF !important;
}
/**
* Position des Menüs
*/
.header-bar {
position: relative !important;
}
/**
* Hintergrundbild
*/
/**
* Seitenbreite
*/
.header-bar {
width: 100%;
}
/**
* Schatten anzeigen
*/
.header-bar {
box-shadow: none !important;
}
.brick-even-prefix {
background: #f5f5f5;
}
.brick-odd-prefix {
background: #e5e5e5;
}
.brick-even-suffix,
.brick-odd-suffix {
background: #ffffff;
}
.header-img {
display: none;
}
.page-header {
display: none;
}
.page-header-logo-img {
max-height: px;
}
</style>
<style>@CHARSET "UTF-8";
.quiqqer-contact {
position: relative;
}
.quiqqer-contact label,
.quiqqer-contact input,
.quiqqer-contact textarea {
float: left;
clear: both;
width: 100%;
}
.quiqqer-contact label {
cursor: pointer;
}
.quiqqer-contact input,
.quiqqer-contact textarea {
margin-bottom: 10px;
}
/* Message & Message color
================================================================= */
.quiqqer-contact-message {
border: 1px solid #555;
clear: both;
float: left;
margin: 1em 0;
padding: 0.8em;
position: relative;
text-align: center;
width: 100%;
}
.quiqqer-contact-message-error {
background: #F2D4CE;
border-color: #AE432E;
}
.quiqqer-contact-message-success {
background: #D9E6C3;
border-color: #77AB13;
}
</style><style>
/** breadcrumb
* ========================================================== */
.quiqqer-breadcrumb a,
.quiqqer-breadcrumb ul,
.quiqqer-breadcrumb li,
.quiqqer-breadcrumb span {
float: left;
}
.quiqqer-breadcrumb ul {
margin-left: 10px;
}
.quiqqer-breadcrumb li {
margin: 0 5px 0 0;
}
.quiqqer-breadcrumb a {
padding: 0 5px;
}
.quiqqer-breadcrumb span {
line-height: 1.5em;
}
.quiqqer-breadcrumb .fa {
margin-right: 10px;
}
@media screen and (max-width: 767px) {
.quiqqer-breadcrumb-container {
padding: 20px 0;
}
.quiqqer-breadcrumb-title {
padding: 5px;
}
.quiqqer-breadcrumb ul {
margin-left: 0;
}
.quiqqer-breadcrumb ul,
.quiqqer-breadcrumb li,
.quiqqer-breadcrumb a {
clear: both;
padding: 0;
width: 100%;
}
.quiqqer-breadcrumb a {
padding: 5px;
}
}</style><style>#SimpleGoogleMaps {
background: none;
border: none;
display: block;
height: 300px;
width: 100%;
}</style></head>
<body>
<div class="main-body">
<div class="header-bar grid-content">
<div class="grid-container header-bar-inner">
<div class="header-bar-inner-logo grid-50 ">
<a href="/cms/" class="page-header-logo">
<img src="/cms/media/cache/cugmas/Grafiken/cugmas-gmbh-logo-900x140__700x109.jpg" class="page-header-logo-img" alt="cugmas-gmbh-logo-900x140" title="cugmas-gmbh-logo-900x140"srcset="/cms/media/cache/cugmas/Grafiken/cugmas-gmbh-logo-900x140__480x75.jpg 480w,/cms/media/cache/cugmas/Grafiken/cugmas-gmbh-logo-900x140__640x100.jpg 640w,/cms/media/cache/cugmas/Grafiken/cugmas-gmbh-logo-900x140__700x109.jpg 700w" sizes="(max-width: 480px) 480px,(max-width: 640px) 640px,700px" />
</a>
</div>
<nav class="nav-box grid-50">
<i class="fa fa-navicon"></i>
</nav>
<div class="header-bar-inner-nav grid-50" id="navigation">
<nav class="page-header-navigation">
<ul>
<li>
<i class="fa fa-fw fa-home fa-home-mobile"></i>
<a href="/cms/"
class="page-header-navigation-entry-link">
<i class="fa fa-fw fa-home fa-home-desktop"></i>
Cugmas
</a>
</li>
<li class="page-header-navigation-entry">
<i class="fa fa-fw fa-chevron-down fa-chevron-down-mobile"
style="opacity: 0; color: rgba(0;0;0;0); cursor: default;">
</i>
<a href="/cms/Unternehmen"
class="page-header-navigation-entry-link">
Unternehmen
</a>
<!-- submenu -->
</li>
<li class="page-header-navigation-entry">
<i class="fa fa-fw fa-chevron-down fa-chevron-down-mobile"
style="">
</i>
<a href="/cms/Leistungen"
class="page-header-navigation-entry-link">
Leistungen
<i class="fa fa-fw fa-chevron-down fa-chevron-down-desktop"></i>
</a>
<!-- submenu -->
<div class="page-header-navigation-sub smooth">
<ul class="page-header-navigation-sub-list">
<li class="page-header-navigation-sub-entry">
<a href="/cms/Leistungen/Hochbau"
class="page-header-navigation-sub-entry-link"
>
Hochbau
</a>
</li>
<li class="page-header-navigation-sub-entry">
<a href="/cms/Leistungen/Sanierung"
class="page-header-navigation-sub-entry-link"
>
Sanierung
</a>
</li>
<li class="page-header-navigation-sub-entry">
<a href="/cms/Leistungen/Ausbau"
class="page-header-navigation-sub-entry-link"
>
Ausbau
</a>
</li>
<li class="page-header-navigation-sub-entry">
<a href="/cms/Leistungen/Renovierung"
class="page-header-navigation-sub-entry-link"
>
Renovierung
</a>
</li>
</ul>
</div>
</li>
<li class="page-header-navigation-entry">
<i class="fa fa-fw fa-chevron-down fa-chevron-down-mobile"
style="">
</i>
<a href="/cms/Referenzen"
class="page-header-navigation-entry-link">
Referenzen
<i class="fa fa-fw fa-chevron-down fa-chevron-down-desktop"></i>
</a>
<!-- submenu -->
<div class="page-header-navigation-sub smooth">
<ul class="page-header-navigation-sub-list">
<li class="page-header-navigation-sub-entry">
<a href="/cms/Referenzen/Referenz-1"
class="page-header-navigation-sub-entry-link"
>
Referenz 1
</a>
</li>
<li class="page-header-navigation-sub-entry">
<a href="/cms/Referenzen/Referenz-2"
class="page-header-navigation-sub-entry-link"
>
Referenz 2
</a>
</li>
<li class="page-header-navigation-sub-entry">
<a href="/cms/Referenzen/Referenz-3"
class="page-header-navigation-sub-entry-link"
>
Referenz 3
</a>
</li>
</ul>
</div>
</li>
</ul>
</nav>
</div>
</div>
</div>
<!-- page -->
<div class="body-container body-container-padding">
<!-- header -->
<header class="grid-100 mobile-grid-100 grid-parent page-header" ></header>
<!-- header suffix -->
<div class="full-size brick-even-prefix">
<div class="grid-container">
<section class="mobile-grid-100 grid-100 page-content grid-parent page-box-prefix-suffix">
<div class="brick-6 grid-100 quiqqer-breadcrumb" data-brickid="6"><div class="quiqqer-breadcrumb">
<div class="quiqqer-breadcrumb-container">
<span class="quiqqer-breadcrumb-title">
Sie befinden sich hier:
</span>
<ul class="fa-ul" itemscope itemtype="http://schema.org/BreadcrumbList">
<li itemprop="itemListElement" itemscope
itemtype="http://schema.org/ListItem">
<a href="/cms/"
title="Cugmas"
itemprop="item"
>
<span class="fa fa-angle-right"></span>
<span itemprop="name">Cugmas</span>
</a>
</li>
<li itemprop="itemListElement" itemscope
itemtype="http://schema.org/ListItem">
<a href="/cms/Kontakt"
title="Kontakt"
itemprop="item"
>
<span class="fa fa-angle-right"></span>
<span itemprop="name">Kontakt</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<!-- content -->
<div class="main-content-color-bg full-size ">
<div class="grid-container">
<div id="page">
<div class="grid-100 mobile-grid-100 grid-parent">
<div class="page-multible-left grid-30 mobile-grid-100 grid-parent">
<div class="page-box page-content">
<div class="brick-7 grid-100"><div>
<div>
<div>
<section>
<div>
<div>
<div>
<p title="TELEFON"><strong>ADRESSE</strong><br />
Heukämpchen Str 18a<br />
42719 Solingen</p>
<p title="TELEFON"><strong>TELEFON</strong></p>
</div>
<div>
<p title="INTERNET">+49 (0) 212 38258700<br />
+49 (0) 212 38258702</p>
<p title="INTERNET"><strong>INTERNET</strong></p>
</div>
<div>
<p title="GESCHÄFTSFÜHRER">info@cugmas-bau.de<br />
www.cugmas-bau.de</p>
<p title="GESCHÄFTSFÜHRER"><strong>GESCHÄFTSFÜHRER</strong></p>
</div>
<div>
<p>Christoph Raczek<br />
Amtsgericht Wuppertal</p>
</div>
</div>
</div>
</div>
<div class="page-multible-right grid-70 mobile-grid-100 grid-parent">
<div class="page-box page-content">
<div class="brick-1 grid-100" title="" data-brickid="1"><iframe id="SimpleGoogleMaps" src="https://www.google.com/maps/embed/v1/place?key=AIzaSyCNgnQQVYy-4Igz5UTzJEmCqn8W_Bjrmac&q=%2C42719%2CHeuk%C3%A4mpchen+Str+18a%2CSolingen&zoom=15&"></iframe></div>
</div>
<div class="page-box" role="main">
<div class="page-box-inner page-content grid-100 mobile-grid-100">
<section class="content-body grid-100 mobile-grid-100 grid-parent">
<h4>Schreiben Sie uns. Wir kümmern uns um Ihr Anliegen.</h4>
</section>
<section class="content-template grid-100 mobile-grid-100 grid-parent">
<div data-qui="Controls/Contact" class="quiqqer-contact" data-ajax="0"><form method="POST" action="">
<label for="qui-contact-name">
Name
</label>
<input type="text"
name="name"
id="qui-contact-name"
required="required"
value=""
placeholder="Ihr Vor- und Nachname ..."
/>
<label for="qui-contact-email">
E-Mail
</label>
<input type="email"
name="email"
id="qui-contact-email"
required="required"
value=""
placeholder="Ihre E-Mail-Adresse ..."
/>
<label for="qui-contact-message">
Nachricht
</label>
<textarea name="message"
id="qui-contact-message"
required="required"
placeholder="Ihre Nachricht an uns ..."
></textarea>
</form></div>
</section>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- footer prefix-->
<!-- footer -->
<footer class="page-footer">
<div class="grid-container">
<div class="grid-100 mobile-grid-100 page-footer-copyright">
<div class="grid-50 mobile-grid-100 grid-parent page-footer-copyright-left">
<p>© Copyright 2016 - VINCENC CUGMAS GMBH - Alle Rechte vorbehalten</p>
</div>
<div class="grid-50 mobile-grid-100 grid-parent page-footer-copyright-right">
<p><a href="/cms/">Startseite</a> <a href="/cms/Kontakt">Kontakt</a> <a href="/cms/Impressum">Impressum</a></p>
</div>
</div>
</div>
</footer>
</div>
</div>
<!-- [begin] js combine -->
<script src="/cms/packages/bin/require.js"></script>
<script src="/cms/packages/quiqqer/template-basiccompany/bin/init.js"></script>
<!-- [end] js combine -->
<!-- Start Piwik Code -->
<!-- End Piwik Code -->
</body>
</html>