Falsche Header Darstellung im Internet Explorer, auf Firefox klappt es?!

14.02.2012 16:23
avatar  mrbuddy
#1 Falsche Header Darstellung im Internet Explorer, auf Firefox klappt es?!
mr
Mitglied

Hallo, habe den Header von meiner Webseite: www.jugendaemter.com in das Forum übernommen: www.jugendaemterforum.de.

Also CSS angepasst (s. unten) und in der Kopfzeile dies eingefügt:

<a href="http://www.jugendaemter.com/"><img src="https://files.homepagemodules.de/b568024/a_16_5f597657.jpg" alt="Aktiv für die Abschaffung von Jugendämtern" width="1265px" height="128px" /></a>
<center><div id="page_bar_container" style="background-color:#fff;">
<div class="page_bar">
<ul class=page_tabs>
<li style="border-right: 0px solid #0096DC;"><a href="http://www.jugendaemterforum.de" title="Home" style="color: #01588A;"><strong>Home</strong></a></li>
<li style="border-left: 1px solid #ffffff; background-color: #0096DC; border-bottom: 1px solid #0096DC;"><a href="http://www.jugendaemter.com/index.php/jugendamter-in-de/" title="Jugendämter in Deutschland"><strong>Jugendämter in Deutschland</strong></a></li>
<li style="border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; background-color: #DFDD15;"><a href="http://www.jugendaemter.com/index.php/urteile-archiv/" title="Urteile im Familienrecht"><strong>Urteile</strong></a></li>
<li style="border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; background-color: #DFC015;"><a href="http://www.jugendaemter.com/index.php/ge...-familienrecht/" title="Familiengerichte/Oberlandesgerichte in Deutschland"><strong>Gerichte</strong></a></li>
<li style="border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; background-color: #DFAD15;"><a href="http://www.jugendaemter.com/index.php/re...-familienrecht/" title="Familienanwälte in Deutschland"><strong>Rechtsanwälte</strong></a></li>
<li style="margin-left: 6px; border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; background-color: #E87800;"><a href="http://www.jugendaemterforum.de" title="Forum"><strong>Forum</strong></a></li>
'<li style="margin-left: 6px; border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; background-color: #C1120B;"><a href="http://www.jugendaemter.com/index.php/aktuelle-news-urteile/" title="News/Urteile"><strong>News</strong></a></li>
'<li style="margin-left: 6px; border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; background-color: #DD137B;"><a href="http://www.jugendaemter.com/index.php/ra..._familienrecht/" title="Eltern Ratgeber"><strong>Eltern Ratgeber</strong></a></li>
<li style="border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; background-color: #29166F;"><a href="http://www.jugendaemter.com/index.php/ra.../gesetzestexte/" title="Gesetze"><strong>Gesetze</strong></a></li>
<li style="border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; background-color: #00938E;"><a href="http://www.jugendaemter.com/index.php/fa...sche-gutachter/" title="Gutachter"><strong>Gutachter</strong></a></li>
<li style="margin-left: 6px; border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; background-color: #01770C;"><a href="http://www.jugendaemter.com/index.php/ak...n_jugendaemter/" title="Öffentlichkeitsarbeit gegen Jugendämter"><strong>Aktiv!</strong></a></li>
<li style="margin-left: 6px; border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; background-color: #69B92E;"><a href="http://www.jugendaemter.com/index.php/ra...cher-lektueren/" title="Ratgeber & Bücher"><strong>Ratgeber & Bücher</strong></a></li>

<br />
<table width="100%" bgcolor="#0096DC"><tr><td>

<li><a href="http://www.jugendaemter.com/index.php/la...ialministerien/">Landesjugendämter/Sozialministerien</a></li>
<li><a href="http://www.jugendaemter.com/index.php/jugendamter-in-berlin/">Berlin</a></li>
<li><a href="http://www.jugendaemter.com/index.php/ju...en-wurttemberg/">Baden-Württemberg</a></li>
<li><a href="http://www.jugendaemter.com/index.php/ju...in-brandenburg/">Brandenburg</a></li>
<li><a href="http://www.jugendaemter.com/index.php/jugendamter-in-bayern/">Bayern</a></li>
<li><a href="http://www.jugendaemter.com/index.php/jugendamter-in-bremen/">Bremen</a></li>
<li><a href="http://www.jugendaemter.com/index.php/ju...ter-in-hamburg/">Hamburg</a></li>
<li><a href="http://www.jugendaemter.com/index.php/jugendamter-in-hessen/">Hessen</a></li>
<li><a href="http://www.jugendaemter.com/index.php/ju...urg-vorpommern/">Mecklenburg-Vorpommern</a></li>
<li><a href="http://www.jugendaemter.com/index.php/ju...ter-in-sachsen/">Sachsen</a></li>
<li><a href="http://www.jugendaemter.com/index.php/ju...hein-westfalen/">Nordrhein-Westfalen</a></li>
<li><a href="http://www.jugendaemter.com/index.php/ju...heinland-pfalz/">Rheinland-Pfalz</a></li>
<li><a href="http://www.jugendaemter.com/index.php/ju...er-in-saarland/">Saarland</a></li>
<li><a href="http://www.jugendaemter.com/index.php/ju...-niedersachsen/">Niedersachsen</a></li>
<li><a href="http://www.jugendaemter.com/index.php/ju...sachsen-anhalt/">Sachsen-Anhalt</a></li>
<li><a href="http://www.jugendaemter.com/index.php/ju...eswig-holstein/">Schleswig-Holstein</a></li>
<li><a href="http://www.jugendaemter.com/index.php/ju...r-in-thuringen/">Thüringen</a></li>

</td></tr></table></center></div></div>


Eigener CSS Code:

#page_bar_container
{
border-bottom: 1px solid #ccc;
margin: 0px 0px 30px 0px;
padding-bottom: 0px;
overflow: hidden;
clear: both;
width: 81%;
}

.page_bar
{
margin: 0px 0 0px 0;
/*float: left;*/
position: relative;
height: 0%;
}

ul.page_tabs
{
list-style: none;
font-size: 12px;
/*text-transform: uppercase;*/
margin: 0;
padding: 0;
}

.page_tabs li, .page_tabs li.page_item
{
margin: 0 0px 0 0;
text-align: center;
float: left;
height: 21px;
}

.page_tabs li A:link, .page_tabs li A:visited
{
border: 0px solid white;
/* background: white;*/
/* background: #CFCFCF;*/
color: #ffffff;
padding: 3px 8px 3px 8px;
}


.page_tabs li A:hover, .page_tabs li A:focus, .page_tabs li A:active
{
color: #BBD6E6;
background: #066399;
border: 0px solid #fff;
text-decoration: none;
padding: 3px 8px 6px 8px;
}


In Mozilla Firefox klappt es perfekt aber im Internet Explorer nicht! Kann mir jemand helfen?

Vielen Dank im vorraus!


 Antworten

 Beitrag melden
14.02.2012 16:26
avatar  Movert
#2 RE: Falsche Header Darstellung im Internet Explorer, auf Firefox klappt es?!
avatar
Mitglied

Ich sehe da jetzt keine Fehler im Internet Explorer, was genau stimmt denn bei ihnen nicht? Könnten sie vielleicht einen screenshot vom Fehler machen?

Mit Freundlichen Grüßen,
Detlef "Movert" W. - Administrator/Entwickler bei Inoffizielle Xobor Community Erweiterungen

 Antworten

 Beitrag melden
14.02.2012 16:31
avatar  Fabian
#3 RE: Falsche Header Darstellung im Internet Explorer, auf Firefox klappt es?!
avatar
Xobor-Spezialist

Beachte dass die CSS vom Forum bereits einige CSS Vorgaben macht. Deshalb müsstest du diese Vorgaben alle selbst überschreiben oder auf Standard Werte setzen. Bei mir sieht es bereits im Firefox nicht ganz korrekt aus. Vorallem scheint alles etwas nach oben verrutscht zu sein.

Servus
Fabian Klose


 Antworten

 Beitrag melden
14.02.2012 16:39
avatar  mrbuddy
#4 RE: Falsche Header Darstellung im Internet Explorer, auf Firefox klappt es?!
mr
Mitglied

Danke für die schnelle Hilfe, ja füge ich bei:

Firefox:



Internet Explorer:



...ah nochmal etwas entdeckt beim verkleinern des Browserfensters verrutscht die Navigation


 Antworten

 Beitrag melden
14.02.2012 16:53
avatar  Movert
#5 RE: Falsche Header Darstellung im Internet Explorer, auf Firefox klappt es?!
avatar
Mitglied

Bei mir im Internet Explorer sah es aus, wie bei dir im Firefox, daher werde ich nicht helfen können. VIelleicht liegt es an irgendwelchen plugins oder so?

Mit Freundlichen Grüßen,
Detlef "Movert" W. - Administrator/Entwickler bei Inoffizielle Xobor Community Erweiterungen

 Antworten

 Beitrag melden
14.02.2012 17:43
avatar  mrbuddy
#6 RE: Falsche Header Darstellung im Internet Explorer, auf Firefox klappt es?!
mr
Mitglied

Hmm komisch aber danke für die Hilfe!


 Antworten

 Beitrag melden
14.02.2012 17:49
avatar  Ingmar
#7 RE: Falsche Header Darstellung im Internet Explorer, auf Firefox klappt es?!
avatar
Technik

der IE findet es einfach nicht so lustig, dass du deine <ul>-Elemente nicht schließt

Viele Grüße,
Ingmar


 Technik · Homepagemodules.de · Miranus GmbH

 Antworten

 Beitrag melden
05.03.2012 12:20 (zuletzt bearbeitet: 05.03.2012 12:20)
avatar  mrbuddy
#8 RE: Falsche Header Darstellung im Internet Explorer, auf Firefox klappt es?!
mr
Mitglied

Hallo,

@Ingmar,

habe <ul> geschlossen aber immer noch das gleiche Problem

Grüsse


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!