Ergebnis 1 bis 9 von 9

Thema: Wo liegt der Fehler in der IE darstellung?

  1. #1
    Kaiserliche Hoheit
    Registriert seit
    01.03.2007
    Beiträge
    1.957
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Wo liegt der Fehler in der IE darstellung?

    Hi,

    es wäre nett, wenn Ihr mal auf www.programm-and-design.de schauen würdet, und mir sagen könntet wo der Fehler liegt.
    Das Menü wird im IE6 völlig falsch dargestellt. IE7 wo ich unter Vist geschaut habe auch. IE8 leider immer noch falsch.


    Hier im Forum wurde mal eine Website gennant, die Screenshoots von einer Website in jedem Browser macht, wie heißt diese?


    Vielen Dank, Eric



    EDIT: JUHU DOMAIN IST DA!!! alles ok
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard

    Kannste mir erklären was solche Code-Stellen sollen?
    Code:
    
    
    Something big is coming. And there will be pirates and ninjas and unicorns...

  3. #3
    Kaiserliche Hoheit
    Themenstarter

    Registriert seit
    01.03.2007
    Beiträge
    1.957
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Das frag ich mich auch...?!
    Ich hab das Menü von irgendeiner page gedownloadet, da war das so.

    Da das als Kommentar geschrieben ist wirds doch ausgelassen. Wozu soll das dann sein?

  4. #4
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard

    das erklärt alles...
    das sind kommentare die von IE interpretiert werden
    Something big is coming. And there will be pirates and ninjas and unicorns...

  5. #5
    König(in) Avatar von yeti66
    Registriert seit
    21.10.2005
    Ort
    Harz
    Alter
    51
    Beiträge
    1.152
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Zitat Zitat von Dodo
    Kannste mir erklären was solche Code-Stellen sollen?
    Code:
    
    
    yup, mit dem "Table-Code" werden Darstellungsfehler der Browser gefixt.

    Quelle: http://www.cssplay.co.uk/menus/final_drop.html
    ..und hier ein Fingerzeig zu den Nutzungsrechten:
    Code:
    /* ================================================================ 
    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/final_drop.html
    Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
    This stylesheet and the associated (x)html may be modified in any 
    way to fit your requirements.
    =================================================================== */
    Gruß yeti66
    ___________________________________________
    http://www.phpcontact.net/ Kontaktformulare für die eigene Hompage
    http://www.norbert-klippstein.de Freiberuflicher Musiker für individuelle Musikdienstleistungen

  6. #6
    Kaiserliche Hoheit
    Themenstarter

    Registriert seit
    01.03.2007
    Beiträge
    1.957
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Ah ja, von der Seite hab ich es zwar nicht, aber der Quellcode scheint identisch zu sein. Werde ich einbinden!

    Aber wo liegt der Fehler? Kann man sich das auf CSSplay irgendwo herunterladen? Weil bei denen müsste es ja eigentlich funktionieren, dann würde ich es nochmal neu machen.
    Ich finde nur leider kein Download - Link.

    Vielen Dank

  7. #7
    König(in) Avatar von yeti66
    Registriert seit
    21.10.2005
    Ort
    Harz
    Alter
    51
    Beiträge
    1.152
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Ericfischer,

    yup, da ist Handarbeit gefragt.
    Code:
    /* ================================================================ 
    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/final_drop.html
    Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
    This stylesheet and the associated (x)html may be modified in any 
    way to fit your requirements.
    =================================================================== */
    
    .menu {width:745px; height:32px; font-size:0.85em; position:relative; z-index:100;border-right:1px solid #000;}
    /* hack to correct IE5.5 faulty box model */
    * html .menu {width:746px; w\idth:745px;}
    /* 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:149px;}
    /* 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:149px;position:relative;}
    /* style the links for the top level */
    .menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#fff; width:138px; height:30px; border:1px solid #000; border-width:1px 0 1px 1px; background:#758279; padding-left:10px; line-height:29px;}
    /* a hack so that IE5.5 faulty box model is corrected */
    * html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}
    
    /* style the second level background */
    .menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
    /* style the second level hover */
    .menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
    .menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
    /* style the third level background */
    .menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
    /* style the third level hover */
    .menu ul ul ul a:hover {background:#b2ab9b;}
    
    
    /* hide the sub levels and give them a positon absolute so that they take up no room */
    .menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;}
    /* another hack for IE5.5 */
    * html .menu ul ul {top:30px;t\op:31px;}
    
    /* position the third level flyout menu */
    .menu ul ul ul{left:149px; top:-1px; width:149px;}
    
    /* position the third level flyout menu for a left flyout */
    .menu ul ul ul.left {left:-149px;}
    
    /* style the table so that it takes no ppart in the layout - required for IE to work */
    .menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}
    
    /* style the second level links */
    .menu ul ul a, .menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
    /* yet another hack for IE5.5 */
    * html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}
    
    /* style the top level hover */
    .menu a:hover, .menu ul ul a:hover{color:#fff; background:#949e7c;}
    .menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#949e7c;}
    
    /* 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; }
    /* keep the third level hidden when you hover on first level list OR link */
    .menu ul :hover ul ul{visibility:hidden;}
    /* make the third level visible when you hover over second level list OR link */
    .menu ul :hover ul :hover ul{ visibility:visible;}

    Code:
    <div class="menu">
    
    <ul>[*]DEMOS
    
    	<ul>
    
    	[*]#
    	[*]#
    	[*]#
    	[*]#
    	[*]#
    
    		<ul>
    
    			[*]#
    			[*]#
    			[*]#
    		[/list]
    
    	
    	[*]shadow boxing
    
    
    		<ul>
    			[*]#
    			[*]#
    			[*]#
    		[/list]
    
    	
    
    	[*]#
    
    		<ul>
    			[*]#
    			[*]#
    			[*]#
    		[/list]
    
    
    	
    	[*]#
    	[*]#
    	[*]#
    	[/list]
    
    [*]#
    
    
    	<ul>
    	[*]#
    	[*]#
    	[*]#
    	[*]#
    	[*]#
    
    	[*]#
    	[*]#
    	[/list]
    
    [*]MOZILLA
    
    	<ul>
    	[*]#
    
    	[*]#
    	[*]#
    	[*]#
    	[*]#
    	[*]#
    	[*]<a href="#" title="#</a>
    
    	[*]#
    	[*]#
    	[/list]
    
    [*]#[*]OPACITY
    
    	<ul>
    
    	[*]a colour wheel using opaque colours
    	[*]a menu using opacity
    	[*]#
    	[*]#
    	[*]#
    
    		<ul class="left">
    
    			[*]#
    			[*]#
    			[*]hover/click
    		[/list]
    
    	
    	[/list]
    
    
    [/list]
    
    </div>
    Den HTML-Code habe ich wegen der Übersichtlichkeit etwas eingekürzt und Links,title und die Buttonbeschriftung durch Raute # ersetzt. Ich hoffe ich habe alles erwischt. Die Frage steht natürlich ob das Navi-Monster den Aufwand an Quellcode lohnt. Mit etwas Anpassung kommst Du mit dem Code: http://de.selfhtml.org/css/layouts/n...ten.htm#modern auf das selbe Ergebnis. Opacity wäre natürlich extra umzusetzen.
    Gruß yeti66
    ___________________________________________
    http://www.phpcontact.net/ Kontaktformulare für die eigene Hompage
    http://www.norbert-klippstein.de Freiberuflicher Musiker für individuelle Musikdienstleistungen

  8. #8
    Kaiserliche Hoheit
    Themenstarter

    Registriert seit
    01.03.2007
    Beiträge
    1.957
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    also, vielen dank, das erste codebeispiel kann ich doch in eine css haun und die dann einbinden?!




    ich hab mich dort nochmal ein bisschen umgesehen, was sagt Ihr, würde bessser zu meiner Page passen?

    http://www.cssplay.co.uk/menus/drop_definition3.html
    http://www.cssplay.co.uk/menus/magic_menu_three.html

    Das zur seite aufklappbare ist natürlich auch nicht schlecht...

    Den Code kann ich nur aus dem Quelltext entnehmen, oder?

  9. #9
    König(in) Avatar von yeti66
    Registriert seit
    21.10.2005
    Ort
    Harz
    Alter
    51
    Beiträge
    1.152
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Ericfischer,

    yup, css auslagern und den HTML-Teil in Deine Seite einfügen.
    Ob diese oder jene Navi ist nicht leicht zu sagen, da der Rest deiner Seite noch sehr unstrukturiert ist und sich der Inhalt auf 100% Breite verliert. Die Navi sollte natürlich stimmig zur Seite passen. Außer dem header sehe ich dann nur sw auf ws.
    Den Code kann ich nur aus dem Quelltext entnehmen, oder?
    yup, und immer Copyright durchlesen!
    Gruß yeti66
    ___________________________________________
    http://www.phpcontact.net/ Kontaktformulare für die eigene Hompage
    http://www.norbert-klippstein.de Freiberuflicher Musiker für individuelle Musikdienstleistungen

Ähnliche Themen

  1. Wo liegt der Fehler in meiner style.css?
    Von Unregistriert im Forum HTML & CSS Forum
    Antworten: 14
    Letzter Beitrag: 19.08.2008, 11:30
  2. Wo liegt der Fehler?
    Von Ericfischer im Forum Forum für alle anderen Programmiersprachen
    Antworten: 18
    Letzter Beitrag: 27.06.2008, 20:00
  3. Wo liegt der Fehler?
    Von Christian im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 3
    Letzter Beitrag: 29.06.2007, 17:32
  4. Page reloadet jede sec wo liegt der fehler
    Von Aybee im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 08.03.2007, 22:15
  5. Kontaktformular. Wo liegt der Fehler?
    Von im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 8
    Letzter Beitrag: 29.01.2007, 23:04

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •