Guten Tag,
ich suche nun schon seit mehreren Stunden ein Lösung und komme irgendwie keinen Schritt weiter.
Mein Problem ist folgendes:
Ich möchte für unsere Vereinsseite einen Werbeblock rechts außerhalb des Container-Bereichs anordnen. Ich habe es mit float:right außerhalb des Body-Tags versucht, aber damit ändert sich leider auch das Menü, sprich es wird genau so hoch wie der Werbeblock (s. Link rechts) - https://www.shotroom.com/i/901/vnXOy.
Ich benutze für unsere Website das WordPress Theme MH Magazine lite.
Hier der Code der head.php (der obere Werbeblock funktioniert ohne Probleme):
PHP
<!DOCTYPE html>
<html class="no-js<?php mh_html_class(); ?>" <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo('charset'); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>"/>
<?php wp_head(); ?>
</head>
<center style="margin-top: 20px;">
<script src="http://anschlusstor.adspirit.de/adscript.php?pid=4103&ord=[timestamp]" type="text/javascript" language="JavaScript"></script>
<noscript>
<a href="http://anschlusstor.adspirit.de/adnoclick.php?pid=4103&ord=[timestamp]" target="_top">
<img src="http://anschlusstor.adspirit.de/adnoscript.php?pid=4103&ord=[timestamp]"
alt="Hier klicken!" border="0" width="728" height="90" />
</a>
</noscript>
<p style="font-size: 0.75em; color: #999;">Werbung</p>
</center>
<body <?php body_class(); ?>>
<div class="mh-container">
<header class="header-wrap">
<?php mh_logo(); ?>
<div class="mobile-nav"></div>
<nav class="main-nav clearfix">
<?php wp_nav_menu(array('theme_location' => 'main_nav')); ?>
</nav>
</header>Hier ein Auschnitt des Codes der style.css:
Code
/***** CSS Reset based on the work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/ v2.0 *****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/***** Structure *****/
html { font-size: 100%; -ms-text-size-adjust: none; -webkit-text-size-adjust: none; }
body { font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-size: 0.875rem; line-height: 1.6; background: #f7f7f7; word-wrap: break-word; }
.fullbg .custom-background { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.mh-container { width: 980px; margin: 20px auto; position: relative; -webkit-box-shadow: 0 0 5px 1px #a8a8a8; -moz-box-shadow: 0 0 5px 1px #a8a8a8; box-shadow: 0 0 5px 1px #a8a8a8; }
.mh-wrapper { padding: 20px; background: #fff; }
.mh-content { width: 620px; overflow: hidden; }
.mh-sidebar, .hp-sidebar { float: left; width: 300px; }
.sb-right { margin-left: 20px; }
.sb-left { margin-right: 20px; }
.mh-right-sb #main-content { float: left; margin-right: 20px; }
.mh-left-sb #main-content { float: right; margin-left: 20px; }
.left { float: left; }
.right { float: right; }
/***** Header *****/
.header-wrap { background: #fff; }
.logo-wrap { padding: 10px; padding: 0.625rem; overflow: hidden; }
.logo { display: inline-block; margin: 20px 15px; }
.logo a { text-decoration: none; }
.logo-name { text-transform: uppercase; text-shadow: 1px 2px 5px #969696; /**border-bottom: 3px solid #e30613;**/ display: inline-block; }
.logo-desc { font-size: 14px; font-size: 0.875rem; color: #979797; margin-top: 3px; text-align: center; }
/***** Navigation *****/
.main-nav { background: #2a2a2a; text-transform: uppercase; border-bottom: 5px solid #e30613; }
.main-nav li { float: left; position: relative; border-left: 1px solid #000; -webkit-transition: background 0.6s ease-out; -moz-transition: background 0.6s ease-out; transition: background 0.6s ease-out; }
.main-nav li:first-child { border: none; }
.main-nav li:hover { background: #e30613; }
.main-nav li a { display: block; color: #fff; padding: 0.416em 1em; text-decoration: none; }
.main-nav ul li:hover > ul { display: block; background: #2a2a2a; z-index: 9999; }
.main-nav ul ul { display: none; position: absolute; }
.main-nav ul ul li { width: 13em; border: none; }
.main-nav ul ul ul { left: 100%; top: 0; }
.main-nav .current-menu-item { background: #e30613; }
.slicknav_menu { display: none; }
/***** Media Queries *****/
@media screen and (max-width: 1000px) {
.mh-container { width: 768px; margin: 0 auto; }
.mh-content { width: 488px; }
.mh-sidebar, .hp-sidebar { width: 220px; }
.hp-sidebar-left, .hp-sidebar-right { width: 234px; }
}
@media screen and (max-width: 767px) {
.mh-container { width: 90%; min-width: 300px; }
[class*='col-'], .mh-content, .mh-right-sb #main-content, .mh-left-sb #main-content, .mh-sidebar, .hp-sidebar { width: 100%; margin: 0; }
.mh-sidebar { margin-top: 20px; }
.logo-wrap { border-bottom: 2px solid #ebebeb; }
.home-wide .cp-small { float: none; width: 100%; min-height: 0; }
.home-wide .cp-small .cp-data { margin-right: 0; }
.home-wide .cp-widget .cp-small:first-child { padding-top: 0; }
.slide-wrap img { width: 100%; }
.js .slicknav_menu { display: block; }
.js .main-nav { display: none; }
}
@media screen and (max-width: 620px) {
.logo-wrap { text-align: center; }
.logo-name { font-size: 24px; font-size: 1.5rem; }
.logo-desc { font-size: 14px; font-size: 0.875rem; }
.loop-thumb { float: none; margin: 0 0 20px; }
.slide-caption { position: relative; width: 100%; bottom: 0; top: auto; border-top: 3px solid #e30613; border-bottom: none; opacity: 1; }
.flex-control-nav { display: none; }
.commentlist ul, .commentlist ol, .commentlist ul ul, .commentlist ol ol { margin: 0 0 20px 0; margin: 0 0 1.25rem 0; }
}Ich hoffe, dass mir hier jemand behilflich sein kann.
Danke im Voraus.