Autor |
Nachricht |
denise2302
Threadersteller
Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht:
|
Verfasst Do 14.02.2008 12:35
Titel immer macht der ie6 alles kaputt :( |
|
|
ahhhhhh oh neee... hab eine seite die ich mache gerade mal im ie6 angeschaut.... das is ja furchtbar...
oh gott...
was mach ich denn jetzt...
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>
|
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
|
|
|
|
|
Fido67
Account gelöscht
Ort: -
|
Verfasst Do 14.02.2008 12:40
Titel
|
|
|
Wieso hast du denn da die Tabellen vor den Listen angefangen?
Und dann nicht beendet
Zuletzt bearbeitet von am Do 14.02.2008 12:40, insgesamt 1-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
denise2302
Threadersteller
Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht:
|
Verfasst Do 14.02.2008 12:42
Titel
|
|
|
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...
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...
Zuletzt bearbeitet von denise2302 am Do 14.02.2008 12:51, insgesamt 1-mal bearbeitet
|
|
|
|
|
Fido67
Account gelöscht
Ort: -
|
Verfasst Do 14.02.2008 12:47
Titel
|
|
|
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:
|
Verfasst Do 14.02.2008 12:51
Titel
|
|
|
Ups, hier geht der alte Thread weiter 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
|
|
|
|
|
denise2302
Threadersteller
Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht:
|
Verfasst Do 14.02.2008 12:53
Titel
|
|
|
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...
naja ich mach erstmal mittagspause.... dann guck ich da nochmal drüber... aber danke für eure hilfe!
lg denise
|
|
|
|
|
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst Do 14.02.2008 12:56
Titel
|
|
|
Lass Dich nicht irritieren, siehe mein Vorpost 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.
|
|
|
|
|
Fido67
Account gelöscht
Ort: -
|
Verfasst Do 14.02.2008 13:10
Titel
|
|
|
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?
|
|