zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Der widerspinstige IE6 -> 3 kleine Probleme

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 26.11.2008, 20:06
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.11.2008
Beiträge: 18
Javajim befindet sich auf einem aufstrebenden Ast
Unglücklich Der widerspinstige IE6 -> 3 kleine Probleme

Hallo liebe Community.

Ich bin neu was die Homepagegestaltung angeht. Ich habe mir eine Seite erstellt (bzw. ein Template benutzt und es mir abgeändert) und im Internet nach einem CSS Drop-Down Menu gesucht und dieses erfolgreich editiert und eingebunden.

Habe 2 Dateien (die CSS und die html) angefügt:

Folgende 3 Probleme treten aber bei der Benutzung des IE (6?)auf:

Das Drop Down Menu:

Im Firefox, sowie im IE 7 (zumindest auf meiner Uni) sieht alles fehlerlos aus.
Im IE6 ist das Menu allerdings VOELLIG durcheinander.
Ich habe gehoert man kann unterschiedliche CSS Dateien fuer unterschiedliche Browser laden lassen. Wäre das ne Idee?

Blaue Pfeile auf Page:

Ich habe so Pfeile(als kleine jpgs) mit Hilfe einer Tabelle eingebunden und wieder ist im IE der Fehler. Diesmal gibt es immer nach den ersten beiden oberen Pfeilen einen Umbruch ohne Pfeil und dann gehts normal weiter? (zu sehen in den Dateien)

Rechts der Kasten ist nicht oben sondern UNTEN rechts am text
Der Kasten mit der Kreditkarte des Monats soll oben Rechts sein (so wie im Firefox). Wieder Problem nur im IE


Anbei einmal der Code fürs Menu in CSS:

Code:
.menu {width:759px; height:25px; position:relative; z-index:100;border-right:1px solid #fff; border-top: 0px; font-family:arial, sans-serif; background: #578bb8;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:759px; w\idth:758px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:130px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:119.5px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:0.8em;text-decoration:none;text-transform: uppercase; font-weight:normal; color:#fff; width:150px; height:24px; border:1px solid #fff; border-width:1px 0 1px 1px; background:#578bb8; padding-left:10px; line-height:23px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:100px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#467aa7 url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#578bb8 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#578bb8 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#578bb8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#578bb8;}

Folgend das MENU: Hierbei zu beachten: Es gab Auskommentierte Codes in der Art [if IE6] <table><tr><td></td></tr></table> die ich aber geloescht habe. ich wusste nicht wie ich die ienbinden soll.

HTML-Code:
<div class="menu">
<ul>
 <li class="selected"><a href="index.html">Übersicht<!--[if IE 7]><!--></a><!--<![endif]-->
 <ul></ul>
</li>
<li><a href="top.html">Top 5</a>
	<ul></ul>
</li>

<li><a href="anbieter.html">Anbieter</a>
<ul>
	<li><a href="amex.html">American Express</a></li>
	<li><a href="barclay.html">Barclay Card</a></li>
	<li><a href="citibank.html">Citibank</a></li>
	<li><a href="santander.html">Santander</a></li>
	<li><a href="diverse.html">Diverse</a></li>
</ul>
</li>
<li><a href="spezial.html">Spezial</a>
  <ul>
	<li><a href="dkb.html">DKB Cashkonto</a></li>
	<li><a href="finden.html">Kreditkarte finden</a></li>
	</ul>
</li>

<li><a href="infos.html">Informationen</a>

 <ul>
	<li><a href="kartentypen.html">Kartentypen</a></li>
	<li><a href="gebuehren.html">Gebühren</a></li>
	<li><a href="sicherheit.html">Sicherheit</a></li>
	<li><a href="bestellen.html">Online bestellen</a></li>
  <li><a href="schufa.html">Schufa</a></li>
	<li><a href="geschichte.html">Geschichte</a></li>
 </ul>
 </li>

<li><a href="faq.html">FAQ</a>
 <ul></ul>
</li>

	</ul>
</div>

Vielen Vielen Dank.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 26.11.2008, 20:10
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.11.2008
Beiträge: 18
Javajim befindet sich auf einem aufstrebenden Ast
Standard

hier ist das problem zu bestaunen.

Deswegen ist das Problem unter www.wunschkreditkarte/barclay.html zu bestaunen.


hier die files als txt.

die david08 ist die CSS
Angehängte Dateien
Dateityp: txt barclay.txt (14,4 KB, 0x aufgerufen)
Dateityp: txt david08.txt (7,3 KB, 1x aufgerufen)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 26.11.2008, 20:15
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.778
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Das, was du rausgelöscht hast, ist es eben, was der IE6 braucht.
Diese Menüs von Stu Nicholls sind alles andere als banal, und --sorry-- wenn man ihre Funktion nicht versteht, sollte man besser die Finger davon lassen.
In den FAQ findest du einen Link zum Suckerfish-Menü. Das ist ein Tutorial, mit dem du dir das Prinzip erarbeiten kannst. Der IE < 7 bekommt JavaScript-Unterstützung.

Geändert von fricca (26.11.2008 um 20:18 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 26.11.2008, 20:18
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.11.2008
Beiträge: 18
Javajim befindet sich auf einem aufstrebenden Ast
Standard

Gut, dann mache ich mich daran, dass zu verstehen. Leider nutzen schliesslich noch soviele Leute den IE6.


Aber was ist mit den anderen beiden Probleme. Die müssten eher banaler Natur sein.

Danke
Mit Zitat antworten
  #5 (permalink)  
Alt 26.11.2008, 20:24
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.778
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Tut mir leid, was du da mit den Tabellen machst, kann nicht funktionieren. Nimm die weg. Das sind Listen.
Die viel zu breiten Tabellen sind auch die Ursache der herabfallenden Spalte.

Zitat:
<span style="font-weight: bold;">beitragsfrei</span>
Wenn du etwas betonen willst, gibt es die Elemente em und strong.
Lies doch mal was zu semantischem Markup.
Mit Zitat antworten
  #6 (permalink)  
Alt 26.11.2008, 20:27
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.11.2008
Beiträge: 18
Javajim befindet sich auf einem aufstrebenden Ast
Standard

Es wäre ja auch nett, wenn ich jetzt nicht nur wüsste, dass ich alle diese Tabellen entfernen soll (im firefox funktioniert es wunderbar), sonder auch was ich stattdessen mache.

Du musst mir nicht alles im einzelnen erklaeren, aber in eine gewisse richtung könntest du mich bitte lenken. ansonsten hilft mir deine antwort nicht weiter.

was hat das zum beispiel mit den tabellen zu tun, dass die kleinen grafiken sonen umbruch nach den obersten 2en haben? und dann gehen sie ja normal weiter.

gruß
Mit Zitat antworten
  #7 (permalink)  
Alt 26.11.2008, 20:27
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.778
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von Javajim Beitrag anzeigen
Es wäre ja auch nett, wenn ich jetzt nicht nur wüsste, dass ich alle diese Tabellen entfernen soll (im firefox funktioniert es wunderbar), sonder auch was ich stattdessen mache.
Listen!
Folge bitte den Links, die ich poste und lies, was dort steht.
Mit Zitat antworten
  #8 (permalink)  
Alt 26.11.2008, 20:38
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.11.2008
Beiträge: 18
Javajim befindet sich auf einem aufstrebenden Ast
Standard

Jaja sehs jetzt auch. Ich hab eben nur die Hälfte der Nachricht gesehen hehe

entschuldige bitte
Mit Zitat antworten
  #9 (permalink)  
Alt 26.11.2008, 22:57
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.11.2008
Beiträge: 18
Javajim befindet sich auf einem aufstrebenden Ast
Standard

Wie ändere ich am besten die Tabellen mit dem Kreditkartenbildern und den Daten??

Kann ich trotzdem für nen Punkt inner Liste ne Grafik verwenden (die standardpunkte sind so langweilig)


Mein Menu funktioniert jetzt einwandfrei. Das Suckerfish-script konnte ich gut anpassen.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 27.11.2008, 19:52
Benutzerbild von Carolin
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.11.2007
Beiträge: 232
Carolin wird schon bald berühmt werden
Standard

Ja kannst du, siehe:

list-style-image: Aufzählungsgrafik: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Diverse Probleme in IE6 und IE7 shredder01 CSS 6 13.03.2010 13:56
Zwei-Spalten-Layout hat Probleme bei der Darstellung im IE6 joseba Site- und Layoutcheck 7 15.05.2008 11:30
Probleme mit dem Border im IE6 bullseye CSS 9 30.10.2007 17:21
probleme mit float:left und listenhintergrund im IE6 Eppi CSS 2 04.12.2006 14:10
Probleme beim rendering mit IE6 sileo CSS 24 18.10.2005 23:00


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:34 Uhr.