Lücke zwischen Flash-Header und Navileiste

einfachTimo

Hallo,
ich habe folgendes Problem auf meiner Seite:

Ich möchte den ursprünglichen Header durch einen Flashheader tauschen.
Der Header sitzt über meiner Navi-Leiste. Mein Problem ist jedoch jetzt, dass mir das Theme eine dicke weiße Leiste zwischen beide Elemente setzt und ich weiss leider nicht, wie ich diese weg bekomme.

Vielleicht könnt ihr mir ja helfen.

flimmercasten

Zitat

<!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"
<?php language_attributes(); ?>
>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title>
<?php wp_title(''); ?>
<?php if ( !(is_404()) && (is_single()) or (is_page()) or (is_archive()) ) { ?>
::
<?php } ?>
<?php bloginfo('name'); ?>
</title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/screen.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/print.css" type="text/css" media="print" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/style.css" type="text/css" media="screen, projection" />


<script src="<?php bloginfo('stylesheet_directory'); ?>/js/slideshow/mootools.v1.11.js" type="text/javascript"></script>
<script src="<?php bloginfo('stylesheet_directory'); ?>/js/slideshow/jd.gallery.js" type="text/javascript"></script>

<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/functions.js"></script>
<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/jquery.js"></script>



<style type="text/css">
/* .container { background: url(<?php bloginfo('stylesheet_directory'); ?>/css/lib/img/grid.png); }*/
</style>
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_head(); ?>
</head>
<body>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-4410336-1");
pageTracker._initData();
pageTracker._trackPageview();
</script>
<div class="container">
<div class="container-bg">

<div>
<object width="950" height="94"> <param name="movie" value="http://flimmercasten.bewegende-bilder.net/casten/Stuff/banner.swf"> </param> <param name="wmode" value="transparent"> </param> <embed src="http://flimmercasten.bewegende-bilder.net/casten/Stuff/banner.swf" type="application/x-shockwave-flash" wmode="transparent" width="950" height="94"></embed> </object></p> </div>


<ul id="navmenu-h-r">
<?php wp_list_categories('title_li=&exclude=1,14,37'); ?>
</ul>

<div class="column span-24 large" id="nav">
<div class="content">
<ul id="navmenu-h">
<li><a href="<?php echo get_settings('home'); ?>">Home</a></li>
<?php wp_list_pages('sort_column=menu_order&depth=2&title_li='); ?>
<li><a href="http://feeds.feedburner.com/Flimmercasten">RSS Feed</a></li>
<li class="alignright"><?php include (TEMPLATEPATH . '/searchform.php'); ?></li>
</ul>
</div>
</div>

Alles anzeigen

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

einfachTimo

und css

Zitat

/*
body {
background: #eee url(images/bg.png) repeat-x top;
margin: 0;
padding: 2em 0;
opacity: .999;
color: #000;
}
.container {
background: #fff;
padding: 0 2em;
}
.container-bg {
background: #fff;
}
blockquote {
background: url('images/quote.png') .5em top no-repeat;
color: #000;
font-style: normal;
padding: 0 0 0 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #000;
}
a {
color: #ff0000;
text-decoration: none;
}
a:active, h2 a:active, h3 a:active {
color: #444130;
text-decoration: none;
}
a:hover, h2 a:hover, h3 a:hover {
color: #444130;
text-decoration: none;
}
.chrome {
color: #ff0000;
}
blockquote p {
padding: 0 20px 0 30px;
}
hr {
background: #000;
height: 1px;
}
img {
margin: 0;
}
.photo_align_left {
float: left;
padding: .8em;
border: 1px solid #ccc;
background: #eee;
margin: 0 0 1em 0;
}
.photo_align_left_single {
float: left;
padding: .5em;
border: 1px solid #ccc;
background: #eee;
margin: 0 0 1em 0;
}
.post .photo_align_left, .photo_align_left_single {
margin: 0 1.5em 1.5em 0;
}
.logo img {
margin: 0 0 .5em 0;
}
.logo h1 {
text-transform: uppercase;
font-weight: bold;
color: #000;
margin: 12px 0 12px 0;
}
input {
border: 1px solid #CCCCCC;
padding-left: 0;
}
ol {
margin-left: 35px;
}
label {
font-weight: normal;
}
textarea {
height: 200px;
width: 500px;
}
.small {
font-size: .9em;
}
.nomargin {
margin: 0;
}
a.button, button {
font-weight: normal;
}
dl.small dd {
font-size: .9em;
}
.linkcat {
list-style: none;
}
.post_first {
background: #e5e5e5;
padding: 1em;
}
.post_alt {
background: #eee;
padding: 1em;
}
span.meta_align_right {
color: #ccc;
float: right;
font-size: .6em;
}
span.meta_align_right a {
color: #ccc;
}
span.meta_align_right a:hover {
color: #000;
}
.meta {
color: #666;
font-size: .8em;
line-height: 1.875em;
}
.meta a {
color: #666;
}
.meta a:hover {
color: #000;
}
.byline {
color: #666;
font-size: .8em;
line-height: 1.875em;
}
.byline a {
color: #666;
line-height: 1.875em;
text-decoration: none;
}
.byline a:hover {
color: #000;
}
.meta_list, .meta_list a, ul.meta_list {
color: #000;
list-style-image: none;
}
.meta_list li {
border-bottom: 1px dotted #000;
list-style-image: none;
}
h2.widgettitle {
color: #000;
text-transform: uppercase;
border-bottom: 1px solid #000;
}
.five_posts h3 {
margin-bottom: 0;
padding: .5em 0 .5em 0;
}
.five_posts h3 a {
text-transform: uppercase;
}
.five_posts h4, h6.category_head {
margin: 0 0 1em;
padding: 0;
text-transform: uppercase;
color: #ff0000;
font-size: .9em;
font-weight: normal;
border-bottom: 1px solid #000;
}
.five_posts h4 a, h6.category_head a {
text-transform: uppercase;
color: #ff0000;
}
.five_posts h4 a:hover, h6.category_head a:hover {
color: #fff;
background: #ff0000;
}
h6.category_more a {
color: #000;
background: #eee;
padding: .3em;
font-size: .9em;
text-transform: uppercase;
border: none;
}
h6.category_more a:hover {
background: #333;
color: #fff;
}
#gray_bg {
background: #ddd;
padding: 2em;
margin: 0 -2em 0 -2em;
float: left;
position: relative;
}
#dark_bg {
background: #000;
padding: 2em;
margin: 0 -2em 0 -2em;
color: #666;
float: left;
position: relative;
}
#dark_bg ul li {
list-style-image: none;
border-bottom: 1px solid #666;
}
#dark_bg a {
color: #ff0000;
}
#dark_bg a:hover {
color: #fff;
}
#dark_bg h2.widgettitle {
margin: 0 0 1em;
padding: 0;
text-transform: uppercase;
color: #666;
border-bottom: 1px solid #666;
font-weight: normal;
}
.five_posts ul {
margin: 1em;
}
.five_posts ul li {
color: #000;
font-size: .9em;
line-height: 1.8em;
border-bottom: 1px #000 solid;
list-style-image: none;
margin: 0 0 0 -1em;
}
.five_posts ul li a {
color: #000;
}
.five_posts ul li a:hover {
color: #ff0000;
}
.post h2 {
border-bottom: 1px solid #000;
margin-bottom: 15px;
}
h2.category_page {
background: #000;
margin-bottom: 15px;
color: #fff;
text-transform: uppercase;
text-align: center;
padding: 10px;
}
.post h2 a {
color: #000;
text-decoration: none;
}
#maincontent .post h2 {
margin-bottom: 5px;
}
#maincontent .content {
padding: 5px 47px 20px 48px;
}
#maincontent h2.pagetitle {
border: none;
text-transform: uppercase;
}
#feature h3 {
margin-bottom: 0;
padding: 0;
}
#feature p img {
margin: 7px 0 2em 0;
}
.feature_text {
margin-top: 2em;
}
#home_right .entry {
padding: 0 0 2em 0;
}
.news h3 {
text-transform: uppercase;
}
.content {
margin: 0 0 1em 0;
}
ul#featurenav {
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}
#featurenav li {
display: inline;
list-style-type: none;
}
#featurenav a {
padding: 1px 5px;
}
#featurenav a:link, #featurenav a:visited {
background-color: #eee;
border: 1px solid #000;
color: #000;
text-decoration: none;
}
#featurenav a:hover {
background-color: #444;
color: #fff;
text-decoration: none;
}
.author {
background: #eee;
margin-bottom: 1.5em;
padding: 1.5em;
}
.author img {
float: left;
padding: 0 1em 1em 0;
}
.author p {
margin-left: 8em;
}
.author h6 {
border-bottom: 1px #000 dotted;
margin-left: 7em;
}
.navigation,
.navigation a {
color: #AAA;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
.post {
margin-bottom: 25px;
display: block;
float: none;
clear: both;
}
.entry {
padding-bottom: 25px;
display: block;
float: none;
clear: both;
}
#header {
height: 50px;
padding: 0px 0 0 0;
width: 950px;
}
#header h1, #header .description {
line-height: 1em;
margin: 0;
padding: 0;
}
h1 a.logo {
text-transform: uppercase;
}
.entry #nav .content {
margin: auto;
padding: 0;
}
.entry #nav {
background: #FFF;
margin-bottom: 15px;
}
.entry #nav li a {
background: #666;
border-right: 1px solid #000;
color: #FFF;
}
.entry #nav li.last a {
border-right: none;
}
.entry #nav li a:hover {
background: #333;
color: #FFF;
}
#footer {
font-size: .9em;
margin: 0;
text-align: center;
}
#footer a {
text-decoration: none;
}
#search {
float: right;
}
#search #s {
background: transparent url('images/icons/search_grey.gif') 0px center no-repeat;
color: #CCCCCC;
font-size: 0.9em;
margin-right: 0px;
margin-top: 7px;
padding: 1px 2px 2px 17px;
width: 135px;
}
#search #s:hover {
color: #000;
}
.search-excerpt {
margin: 0;
}
.commentlist li {
padding: 8px 15px;
}
.comments-alt {
background: #EEE;
}
.bottombar {
}
.bottombar h2 {
font-size: 1em;
font-weight: bold;
line-height: 1em;
margin: 1em 0 1em;
}
ul {
list-style-type: none;
margin-left: 1em;
padding: 0;
}
ul li {
background-repeat: no-repeat;
line-height: 2em;
list-style-image: url('images/icons/li.png');
margin: 0;
padding: 0;
}
#top {
margin: 0 auto;
width: 950px;
}
#title {
float: left;
}
#title h1 {
margin: 0;
}
#title h1 a {
color: #fff;
font-weight: bold;
letter-spacing: -.1em;
line-height: 1.3em;
text-transform: uppercase;
}
#title h1 a:hover {
color: #eee;
}
#contents {
background: #fff;
border: 1px solid #ccc;
border-top: none;
clear: both;
margin: 0px;
padding: 15px;
}
.topright {
background: url('images/sidebg.jpg') no-repeat top left;
padding: 40px;
}
.news h3 {
text-transform: uppercase;
}
/* SECOND TIER PAGE NAVIGATION */
/* Root = Horizontal, Secondary = Vertical */
#navmenu-h {
background: #000;
z-index: 13;
}
#navmenu-h-r {
background: #000000;
z-index: 14;
}
#navmenu-h li.alignright {
float: right;
}
ul#navmenu-h {
margin: 0 0 1em 0;
border: 0 none;
padding: 0;
width: 950px;
/*For KHTML*/
list-style: none;
height: 34px;
border-top: 1px #222 solid;
}
#navmenu-h-r {
margin: 0 0 0 0;
border: 0 none;
padding: 0;
width: 950px;
/*For KHTML*/
list-style: none;
height: 24px;
}
ul#navmenu-h li {
margin: 0;
border: 0 none;
padding: 0;
float: left;
/*For Gecko*/
display: inline;
list-style: none;
position: relative;
height: 34px;
border-right: 1px #222 solid;
}
#navmenu-h-r li {
margin: 0;
border: 0 none;
padding: 0;
float: right;
/*For Gecko*/
display: inline;
list-style: none;
position: relative;
height: 24px;
}
ul#navmenu-h ul {
margin: 0;
border: 0 none;
padding: 0;
width: 160px;
list-style: none;
display: none;
position: absolute;
top: 34px;
left: 0;
}
ul#navmenu-h-r ul {
margin: 0;
border: 0 none;
padding: 0;
width: 160px;
list-style: none;
display: none;
position: absolute;
top: 24px;
left: 0;
z-index: 10;
}
ul#navmenu-h ul:after,ul#navmenu-h-r ul:after /*From IE 7 lack of compliance*/ {
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}
ul#navmenu-h ul li, ul#navmenu-h-r ul li {
width: 160px;
float: left;
/*For IE 7 lack of compliance*/
display: block !important;
/*For IE*/
}
/* Root Menu */
ul#navmenu-h a {
padding: 5px 20px 5px 20px;
float: none !important;
/*For Opera*/
/*For IE*/
display: block;
background: #000;
color: #ccc;
font: 12px/24px Helvetica;
text-decoration: none;
text-transform: uppercase;
height: auto !important;
/*For IE*/
}
ul#navmenu-h-r a {
padding: 2px 20px 0 30px;
float: none !important;
/*For Opera*/
/*For IE*/
display: block;
background: #000000;
color: #ccc;
font: 11px/22px Helvetica;
text-decoration: none;
height: auto !important;
/*For IE*/

Alles anzeigen

Die ganze Seite ist noch totale Beta. Manche Grafiken werde sich noch ändern!

codestyling

Ein Link auf die Seite hätte es auch getan, kann man sich dann alles live ansehen.

Die Seite hat eine Menge Fehler in XHTML Codierung , schau selbst: [Invalid] Markup Validation of http://flimmercasten.bewegende-bilder.net/casten/ - W3C Markup Validator

Die müssen erstmal raus bevor man genau sagen kann, warum das auftritt.
Und du hättest dazu sagen sollen, das IE nicht will. FireFox behandelt die Fehler und stellt dann u.U. ein Design dar, was Fehlerhaftes weglässt.

einfachTimo

Okay, hat sich erledigt.

Kann geschlossen und gelöscht werden.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Lücke zwischen Flash-Header und Navileiste

Jetzt mitmachen!