Community rund um Cascading Style Sheets, Tutorials & KnowHow für Webmaster

weißer balken in ie6 und opera7

Antwort erstellen

weißer balken in ie6 und opera7

Beitragvon gokeeffe87 » 15.08.2008, 19:52

hey,
kann mir evtl. jemand einen tipp geben. ich habe zwischen header und horizontaler navi in ie6 und opera7 einen weißen balken. in ie7, FF und opera9 ist alles bestens.

hier html:

<DOCTYPE>
<html>
<head>
<title>blablubb</title>
<meta>
<meta>
<meta>
<meta>
<meta>
<link>
<link>
<link>
</head>
<body>
<Seitenwrap>
<div>
<Kopfbereich>
<div>
<h1><a><img><span>blablubb</span></a></h1>
</div><Ende>
<Navigation>
<div>
<ul>
<li><a><span>Home</span></a></li>
<li><a><span>Mein Angebot</span></a></li>
<li><a><span>Zu meiner Person</span></a></li>
<li><a><span>Aktuelles</span></a></li>
<li><a><span>Info's</span></a></li>
<li><a><span>Meine Partner</span></a></li>
<li><a><span>Kontakt</span></a></li>
</ul>
</div><Ende>
<div><Hauptbereich>
<h1>Herzlich Willkommen</h1>
<p>blablubb</a></p>
</div><Ende>
<div><Seitenleiste>
<div>
<p><a>...</a></p>
<p><a>..." in München</a></p>
<p><a>...</a></p>
</div><Ende>
</div><Ende>
<hr>
</div><Ende>
<div><Seitenfuss>
<a><img></a>
<p>© 2008. <a>blablubb</a> Alle Rechte vorbehalten. | <a>Impressum</a></p>
</div><Ende>
</body>
</html>


und das css:

/* Reset
--------------------------------------------------------------------------------------- */

* {
padding: 0;
margin: 0;
border: 0;
}

/* Globals und Typo
--------------------------------------------------------------------------------------- */

html {
background: #e2e2e2;
font-size: 75%;
}

body {
background: #e2e2e2;
font-size: 12px;
}

html>body {
font-size: 12px;
color: #000;
}

a:link {
color: #ab0232;
text-decoration: none;
border-bottom: 1px dotted #bcbcbc;
}

a:visited {
color: #b2777b;
text-decoration: none;
border-bottom: 1px dotted #bcbcbc;
}

a:hover {
color: #fc054b;
text-decoration: none;
border-bottom: 1px solid #bcbcbc;
}


a:focus {
outline: none;
}



p {
font: 1em/1.5em Verdana, Arial, Tahoma, sans-serif;
margin-top: 1.5em;
margin-bottom: 1.5em;
}

h1 {
font: 1.67em/0.9em Verdana, Arial, Tahoma, sans-serif;
margin-bottom: 0.9em;
color: #ab0232;
}

h1 span {
display: none;
}

h2 {
font: 1.5em/1em Verdana, Arial, Tahoma, sans-serif;
margin-bottom: 1em;
color: #ab0232;
}

h3 {
font: 1.33em/1.13em Verdana, Arial, Tahoma, sans-serif;
margin-top: 1.13em;
margin-bottom: 1.13em;
color: #ab0232;
}

h4 {
font: 1.17em/1.29em Verdana, Arial, Tahoma, sans-serif;
margin-top: 1.29em;
margin-bottom: 1.29em;
color: #ab0232;
}

/* Bilder und verlinkte Bilder ohne Rahmen
--------------------------------------------------------------------------------------- */

img, a img {
border: 0;
}

/* Bilder und verlinkte Bilder ohne Rahmen im content
--------------------------------------------------------------------------------------- */

.img_content {
border: none;
margin: 0 20px 10px 0 ;
padding: 4px;
float: left;
}


/* Links- bzw. Rechtsausrichtung für Elemente
--------------------------------------------------------------------------------------- */

.links {
float: left;
margin: 0 0.5em 0.5em 0;
}

.rechts {
float: right;
margin: 0 0 0.5em 0.5em;
}

/* Layoutelemente
--------------------------------------------------------------------------------------- */

#wrapper {
margin: 0 auto;
width: 968px;
min-height: 500px;
background: white url('images/bg_wrap_1.gif') repeat-y;
}

#header {
clear: both;
width: 968px;
height: 111px;
}

#navigation {
background: url('images/navi_grafik_1.gif') top no-repeat;
width: 968px;
height: 31px;
}
#navigation span {
display: none;
}
#navigation li{
float:left;
list-style-type: none;
}
/*
#home.navi_home a {
background: url('images/n_home_on.gif') top no-repeat;
border: none;
}*/
#navigation li.navi_home a, #navigation li.navi_home a:visited {
width: 67px;
height: 31px;
background: url('images/n_home_out.gif') top no-repeat;
float: left;
padding: 10px 4px;
text-align: center;
border: none;
}
#navigation li.navi_home a:hover, #navigation li.navi_home a.active {
background: url('images/n_home_on.gif') top no-repeat;
border: none;
}

#navigation li.navi_angebot a, #navigation li.navi_angebot a:visited {
width: 125px;
height: 31px;
background: url('images/n_angebot_out.gif') top no-repeat;
float: left;
padding: 10px 0px;
text-align: center;
border: none;
}
#navigation li.navi_angebot a:hover, #navigation li.navi_angebot a.active {
background: url('images/n_angebot_on.gif') top no-repeat;
border: none;
}

#navigation li.navi_person a, #navigation li.navi_person a:visited {
width: 154px;
height: 31px;
background: url('images/n_person_out.gif') top no-repeat;
float: left;
padding: 10px 0px;
text-align: center;
border: none;
}
#navigation li.navi_person a:hover, #navigation li.navi_person a.active {
background: url('images/n_person_on.gif') top no-repeat;
border: none;
}

#navigation li.navi_aktuelles a, #navigation li.navi_aktuelles a:visited {
width: 93px;
height: 31px;
background: url('images/n_aktuelles_out.gif') top no-repeat;
float: left;
padding: 10px 0px;
text-align: center;
border: none;
}
#navigation li.navi_aktuelles a:hover, #navigation li.navi_aktuelles a.active {
background: url('images/n_aktuelles_on.gif') top no-repeat;
border: none;
}

#navigation li.navi_infos a, #navigation li.navi_infos a:visited {
width: 66px;
height: 31px;
background: url('images/n_infos_out.gif') top no-repeat;
float: left;
padding: 10px 0px;
text-align: center;
border: none;
}
#navigation li.navi_infos a:hover, #navigation li.navi_infos a.active {
background: url('images/n_infos_on.gif') top no-repeat;
border: none
}

#navigation li.navi_partner a, #navigation li.navi_partner a:visited {
width: 81px;
height: 31px;
background: url('images/n_partner_out.gif') top no-repeat;
float: left;
padding: 10px 0px;
text-align: center;
border: none;
}
#navigation li.navi_partner a:hover, #navigation li.navi_partner a.active {
background: url('images/n_partner_on.gif') top no-repeat;
border: none;
}

#navigation li.navi_kontakt a, #navigation li.navi_kontakt a:visited {
width: 82px;
height: 31px;
background: url('images/n_kontakt_out.gif') top no-repeat;
float: left;
padding: 10px 0px;
text-align: center;
border: none
}
#navigation li.navi_kontakt a:hover, #navigation li.navi_kontakt a.active {
background: url('images/n_kontakt_on.gif') top no-repeat;
border: none;
}

#content {
clear: both;
margin: 35px 44px 10px -620px;
float: right;
display: inline;
width: 573px;
}
#content ul {
font: 1em/1.5em Verdana, Arial, Tahoma, sans-serif;
margin-top: 1.5em;
margin-bottom: 1.5em;
list-style-type: none ;
}
#content li {
background: url('images/ico_pfeil_bg-weiss.gif') left top no-repeat;
padding: 5px 0 0 19px;
}

#sidebar {
float: left;
margin: 38px 0 10px 32px;
display: inline;
padding-top: 20px;
width: 271px;
background: #e5e5e5 url('images/img_infobox_1.gif') right top no-repeat;
}
#sidebar_abstand {
margin-top: 40px;
}
#sidebar a:link {
padding: 5px 5px 5px 17px;
background: url('images/ico_pfeil_bg-grau.gif') left top no-repeat;
color: black;
text-decoration: none;
border-bottom: none;
display: block;
}
#sidebar a:visited {
background: url('images/ico_pfeil_bg-grau.gif') left top no-repeat;
color: #b2777b;
text-decoration: none;
border-bottom: none;
display: block;
height: 100%;
}
#sidebar a:hover {
background: #781017 url('images/ico_pfeil_bg-rot.gif') left top no-repeat;
color: white;
text-decoration: none;
border-bottom: none;
display: block;
height: 100%;
}

#footer {
clear: both;
margin: 0 auto;
width: 968px;
height: 111px;
color: #bcbcbc;
}
#footer a, #header a {
color: #989898;
border: none;
}
hr { clear:both; visibility:hidden; }
gokeeffe87
neu hier
 
Beiträge: 2
Registriert: 15.08.2008, 19:43
Nach oben
Antwort erstellen

Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "weißer balken in ie6 und opera7"

Zurück zu: CSS für Fortgeschrittene

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
Optimized by SEO phpBB, Deutsche Übersetzung durch phpBB.de