mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 00:51 Benutzername: Passwort: Auto-Login

Thema: immer macht der ie6 alles kaputt :( vom 14.02.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> immer macht der ie6 alles kaputt :(
Seite: 1, 2  Weiter
Autor Nachricht
denise2302
Threadersteller

Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht: Weiblich
Verfasst Do 14.02.2008 12:35
Titel

immer macht der ie6 alles kaputt :(

Antworten mit Zitat Zum Seitenanfang

ahhhhhh oh neee... *Schnief* hab eine seite die ich mache gerade mal im ie6 angeschaut.... das is ja furchtbar...
oh gott...



was mach ich denn jetzt... Menno!

das is mein css:
Code:

/* Formatierungen */

html {
   height: 100%;
   width: 100%;
   border: 0px;
 }
body {
   background: url(images/hg.jpg) top repeat-x #2777e6;
   font-family: Tahoma, Arial, sans-serif;
   font-size: 10pt;
   text-align: justify;
   overflow: -moz-scrollbars-vertical;
   margin: 0px;
   padding: 0px;
}

a:link { color: #0d68c9; text-decoration: none; }
a:visited { color:#0d68c9; text-decoration: none; }
a:hover { color: #0d68c9; text-decoration: underline; }
a:active { color: #0d68c9; text-decoration: none; }

a.mini:link { color: #ffffff; font-size: 8pt; text-decoration: none; }
a.mini:visited { color:#ffffff; font-size: 8pt; text-decoration: none; }
a.mini:hover { color: #ffffff; font-size: 8pt; text-decoration: underline;  }
a.mini:active { color: #ffffff; font-size: 8pt; text-decoration: none; }

.headline { color: #0d68c9; font-size: 12pt; font-weight: bold; }
.form { font-size: 8pt; }

ul {list-style-type: none; text-align: left;}
li {padding-left: 11px;background-image:url(images/list.gif); background-repeat:no-repeat; background-position: 0px 7px;}

/* Layout */

....

/* Menü */

/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout5.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */

.menu {
position:relative;
z-index:1000;
margin: 0px; /* this page only */
font-size: 10pt;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding: 0;
margin: 0px;
list-style-type:none;
width:101px;
border:1px solid #ffffff;
border-width:1px 1px 0 1px;
background:#0d68c9;
text-align: center;
}

.menu ul.sub {
padding:0;
margin:0;
list-style-type:none;
position:relative;
border:1px solid #ffffff;
border-width:1px 1px 0 1px;
height:25px;
float: left;
}

.menu li {
background:transparent;
padding: 0px;
}
* html .menu li {margin-left:-16px; margin-lef\t:0;}
/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; width:0; height:0;}

/* style the links */
.menu a, .menu a:visited {
display:block;
text-decoration:none;
color:#ffffff;
text-indent:0px;
border-bottom:1px solid #ffffff;
background:#0d68c9;
padding: 2px;
}
/* style the link hover */
* html .menu a:hover {color:#ffffff; background:#75a9f8;}

* html .menu a {
height: 1px;
}

.menu :hover > a {
color:#ffffff;
background:#75a9f8;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
left:102px;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
}
.menu ul.top3 {top:21px; width:150px; border:1px solid #ffffff; border-width:1px 1px 0 1px; font-size: 8pt;}
.menu ul.top4 {top:42px; width:150px; border:1px solid #ffffff; border-width:1px 1px 0 1px; font-size: 8pt;}
.menu ul.top5 {top:63px; width:150px; border:1px solid #ffffff; border-width:1px 1px 0 1px; font-size: 8pt;}


und das menü:
Code:

<div class="menu">
<ul>
<li><a href="index.php">Willkommen</a></li>
<li><a href="unternehmen.php">Unternehmen<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
   <ul class="top3">
   <li><a href="unt_wir.php">Wir über uns</a></li>
   <li><a href="unt_qv.php">Qualitätsverbund<!--[if IE 7]><!--></a></li></ul><!--<![endif]-->
<li><a href="leistungen.php">Leistungen</a><!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
    <ul class="top4">
   <li><a href="leist_unterhalt.php">Unterhaltsreinigung</a></li>
    <li><a href="leist_fassade.php">Fassadenreinigung</a></li>
    <li><a href="leist_glas.php">Glasreinigung</a></li>
    <li><a href="leist_teppichb.php">Teppichbodenreinigung</a></li>
    <li><a href="leist_baureinigung.php">Baureinigung</a></li>
    <li><a href="leist_brand.php">Brand- u. Wasserschaden</a></li>
    <li><a href="leist_marmor.php">Marmorkristallisation</a></li>
    <li><a href="leist_parkett.php">Parkettarbeiten</a></li>
    <li><a href="leist_graffiti.php">Graffitientfernung</a></li>
    <li><a href="leist_schaedling.php">Schädlingsbekämpfung</a></li>
    <li><a href="leist_sonderdienste.php">Sonderdienste</a></li>
    <li><a href="leist_transport.php">Transporte</a></li>
    <li><a href="leist_hebebuehne.php">Verleih Hebebühne</a></li>
   <li><a href="leist_hako.php">Verleih Hako-Citymaster 1200<!--[if IE 7]><!--></a></li></ul><!--<![endif]-->
</li>
<li><a href="referenzen.php">Referenzen</a><!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
    <ul class="top5">
   <li><a href="ref_mineral.php">Grundrenigung</a></li>
    <li><a href="ref_baureinigung.php">Baureinigung</a></li>
    <li><a href="ref_hausm.php">Hausmeisterdienste</a></li>
    <li><a href="ref_parkett.php">Parkettarbeiten</a></li>
   <li><a href="ref_graffiti.php">Graffitientfernung<!--[if IE 7]><!--></a></li></ul><!--<![endif]-->
</li>
<li><a href="kontakt.php">Kontakt</a></li>
</ul>
</div>


*hu hu huu* *hu hu huu* *hu hu huu* *hu hu huu*

edit: hab die seite bei mir mal hochgeladen zum gucken... http://denise2302.de.funpic.de/hon ... weiß echt nich was ich amchen soll... bei cssplay stand, dass das menü funktioniert auch bei ie... *schnief*


Zuletzt bearbeitet von denise2302 am Do 14.02.2008 12:38, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
Fido67
Account gelöscht


Ort: -

Verfasst Do 14.02.2008 12:40
Titel

Antworten mit Zitat Zum Seitenanfang

Wieso hast du denn da die Tabellen vor den Listen angefangen?
Und dann nicht beendet Au weia!


Zuletzt bearbeitet von am Do 14.02.2008 12:40, insgesamt 1-mal bearbeitet
 
Anzeige
Anzeige
denise2302
Threadersteller

Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht: Weiblich
Verfasst Do 14.02.2008 12:42
Titel

Antworten mit Zitat Zum Seitenanfang

ich hab dieses menü hier als vorlage genommen: http://www.cssplay.co.uk/menus/flyout_4level.html ok jetz seh ichs auch.... da fehlt mir wohl ein bisschen was.... hab mich schon gewundert warum man die nur so halb machen muss... * Ich geb auf... *
da muss ich jetz nur noch schauen wo ich die tabellen wieder zumachen muss... aber danke für den tip, bringt mich gut weiter!

lg denise


edit:

naja jetz siehts schonmal besser aus aber immenoch verhauen und es fehlen stücke von meinem menü...




mein html schaut jetz so aus....
Code:

<div class="menu">
<ul>
<li><a href="index.php">Willkommen</a></li>
<li><a href="unternehmen.php">Unternehmen<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
   <ul class="top3">
   <li><a href="unt_wir.php">Wir über uns</a></li>
   <li><a href="unt_qv.php">Qualitätsverbund<!--[if IE 7]><!--></a></li></ul><!--<![endif]-->
<li><a href="leistungen.php">Leistungen</a><!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
    <ul class="top4">
   <li><a href="leist_unterhalt.php">Unterhaltsreinigung</a></li>
    <li><a href="leist_fassade.php">Fassadenreinigung</a></li>
    <li><a href="leist_glas.php">Glasreinigung</a></li>
    <li><a href="leist_teppichb.php">Teppichbodenreinigung</a></li>
    <li><a href="leist_baureinigung.php">Baureinigung</a></li>
    <li><a href="leist_brand.php">Brand- u. Wasserschaden</a></li>
    <li><a href="leist_marmor.php">Marmorkristallisation</a></li>
    <li><a href="leist_parkett.php">Parkettarbeiten</a></li>
    <li><a href="leist_graffiti.php">Graffitientfernung</a></li>
    <li><a href="leist_schaedling.php">Schädlingsbekämpfung</a></li>
    <li><a href="leist_sonderdienste.php">Sonderdienste</a></li>
    <li><a href="leist_transport.php">Transporte</a></li>
    <li><a href="leist_hebebuehne.php">Verleih Hebebühne</a></li>
   <li><a href="leist_hako.php">Verleih Hako-Citymaster 1200<!--[if IE 7]><!--></a></li></ul><!--<![endif]-->
</li>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
<li><a href="referenzen.php">Referenzen</a><!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
    <ul class="top5">
   <li><a href="ref_mineral.php">Grundrenigung</a></li>
    <li><a href="ref_baureinigung.php">Baureinigung</a></li>
    <li><a href="ref_hausm.php">Hausmeisterdienste</a></li>
    <li><a href="ref_parkett.php">Parkettarbeiten</a></li>
   <li><a href="ref_graffiti.php">Graffitientfernung<!--[if IE 7]><!--></a></li></ul><!--<![endif]-->
</li>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
<li><a href="kontakt.php">Kontakt</a></li>
</ul>
</div>


hab ich es jetz falsch gesetzt??? aber dachte eigtl das is richtig so... *Schnief*


Zuletzt bearbeitet von denise2302 am Do 14.02.2008 12:51, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Fido67
Account gelöscht


Ort: -

Verfasst Do 14.02.2008 12:47
Titel

Antworten mit Zitat Zum Seitenanfang

So wie ich das sehe kannst du die ganz rausschmeissen.
Und wieso wird das a-tag nur für ie7 geschlossen?
Ist auch nicht nötig.
 
heiko_rs

Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst Do 14.02.2008 12:51
Titel

Antworten mit Zitat Zum Seitenanfang

Ups, hier geht der alte Thread weiter *zwinker* Wie ich im anderen Thread eben noch schrieb, behebe bitte zuerst die HTML-Fehler. Du hast das Orig.-Markup nicht korrekt angepasst und dabei u.a. Fehler bei der Verschachtelung verusacht. Das sieht man auch daran, dass der IE 6 ohne Hover nur die ersten beiden Menüpunkte zeigt, den Rest dagegen innerhalb der Sub-Menüs.

@fido: Die Tabellen sind der einzige Weg, den IE < 7 dazu zu bringen, eine Liste innerhalb von a per :hover desselben anzuzeigen. Natürlich ist das im Prinzip eine Katastrophe, denn auch Listen dürfen nicht innerhalb a stehen, aber der IE < 7 hovert nunmal ausschließlich a, während gute Browser eine Subnavi per li:hover anzeigen (auch der IE 7 tut dies, daher wird er hier anders behandelt als der IE < 7).

Daher gibt es 2 Möglichkeiten: JS (nicht gut, da nicht selten deaktiviert), oder die vorliegende, die das invalide (aber notwendige) Markup ausschließlich dem IE < 7 zeigt, und daher ist diese Lösung unterm Strich die beste.


Zuletzt bearbeitet von heiko_rs am Do 14.02.2008 12:53, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
denise2302
Threadersteller

Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht: Weiblich
Verfasst Do 14.02.2008 12:53
Titel

Antworten mit Zitat Zum Seitenanfang

aber wie mach ichs denn jetzt richtig?? hab ja das menü von cssplay genommen... bin ja nun auch nicht so der meister mit css... muss da noch ein bisschen üben... *zwinker*
naja ich mach erstmal mittagspause.... dann guck ich da nochmal drüber... aber danke für eure hilfe!
lg denise
  View user's profile Private Nachricht senden
heiko_rs

Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst Do 14.02.2008 12:56
Titel

Antworten mit Zitat Zum Seitenanfang

Lass Dich nicht irritieren, siehe mein Vorpost *zwinker* Das Markup muss so sein wie es ist (auch wenn sich erst bei genauerem Hinsehen erschließt, warum es so ist), Du musst es nur korrekt anpassen.
  View user's profile Private Nachricht senden
Fido67
Account gelöscht


Ort: -

Verfasst Do 14.02.2008 13:10
Titel

Antworten mit Zitat Zum Seitenanfang

heiko_rs hat geschrieben:
Die Tabellen sind der einzige Weg, den IE < 7 dazu zu bringen, eine Liste innerhalb von a per :hover desselben anzuzeigen. Natürlich ist das im Prinzip eine Katastrophe, denn auch Listen dürfen nicht innerhalb a stehen, aber der IE < 7 hovert nunmal ausschließlich a, während gute Browser eine Subnavi per li:hover anzeigen (auch der IE 7 tut dies, daher wird er hier anders behandelt als der IE < 7).



is ja gruselig
 
 
Ähnliche Themen [php] cookies kaputt
Photoshop .psd kaputt?
Google kaputt?
Alles kaputt :(
Photoshop - psd kaputt?
[Photoshop CS4] Zauberstab kaputt?
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.