Ergebnis 1 bis 6 von 6

Thema: CSS Krampf : Internet explorer verschluckt Bild !!!

  1. #1
    Teeny
    Registriert seit
    26.10.2006
    Beiträge
    27
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard CSS Krampf : Internet explorer verschluckt Bild !!!

    Hi Leute....

    Es gibt nichts spannenders als eine HP schick zu gestallten....

    vor allem schick in IE und Netscape/firefox....

    nun zu meinem problem

    ich will für mein newsfenster newsblöcke erstellen, die dann jeweils
    ein separates thema enthalten....

    bilder sollen mittels float:left umflossen werden....

    soweit so gut....

    Netscape : super.....
    Internet explorer: bild flackert kurz auf und iss dann fort... ???

    wird der rahmen drum herum weggemacht...
    funktioniert der IE auch mit float und allem....
    Mit rahmen und ohne float... ist das bild zumindest da....

    wer kann mir helfen ???

    hier der Code:
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http&#58;//www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    	<title>NEWS</title>
    	<style type="text/css">
    
    .newsrahmen &#123;
    	position&#58;relative;
    	text-align&#58;center;background-image&#58;url&#40;bilder/leinen2.gif&#41;;
    	margin-left&#58;50px;
    	margin-right&#58;50px;
    	padding-bottom&#58;10px;
        border-color&#58;#996633;
    	border-width&#58;2px;
    	border-style&#58;ridge;
    	z-index&#58;0;
    	
    &#125;
    .newstitel &#123;
    	text-align&#58;center;
    	background-image&#58;url&#40;bilder/metal-2.gif&#41;;
    
    	border-width&#58;2px;
        border-style&#58;outset;
        border-color&#58;#996633;
        padding-top&#58;5px;
        font-size&#58;26pt;
        line-height&#58;0.6em;
        font-weight&#58;bold;
        font-family&#58;'gothic ultra trendy';
        color&#58;#8E4040;
    &#125;
    .newstext &#123;
    	padding-left&#58;10px;
    	padding-right&#58;10px;
    	margin-top&#58;0px;
        font-size&#58;26pt;
        line-height&#58;0.6em;    
        font-weight&#58;bold;
        text-align&#58;left;
        font-family&#58;'gothic ultra trendy';
        color&#58;#8E4040;
    &#125;
    
    </style>	
    	
    	
    </head>
    
    <body >
    		    <p align="center">
                  [img]buchstaben-initiale/initiale-n.gif[/img]  
                    <font color="#931E00" face="gothic ultra trendy" style="font-size&#58;100pt;margin-left&#58;-5px;vertical-align&#58;super">
                    ews
                    </font>
    			</p>
    	     <div class="newsrahmen">
    	     <div class="newstitel">
               1 Jahr BDA - Grund zu feiern
    	     </div>
    		 
    
    
                <div style="float&#58;left;margin-left&#58;20px;padding-right&#58;10px;z-index&#58;1">
                  [img]Bilder/Happy_Birthday_BDA.gif[/img]
                </div>
    		 	  <p class="newstext">
    		        Kaum zu glauben, aber es IST war. Wir sind alt. . . Uralt. .
                    Naja. . . zumindest haben wir bereits 1 volles Jahr &#40;oder mehr ? &#41; auf dem Buckel.
                    Wir sind der Meinung, das das ein Grund ist, ein Fass aufzumachen um mal wieder so richtig
                    die Sau rauszulassen.
                    
    
                    
    
                    
    
                    Wir nehmen unser einjaehriges Jublaeum zum Anlass, mal wieder ein Gildentreffen zu veranstallten.
                    naeheres entnehmt ihr wie immer aus dem Membersbereich unseres Forums
      		      </p>
    		 </p>
    		 </div>
    		 
    		 
    	     <div style="position&#58;relative;padding-left&#58;10px;padding-right&#58;-10px;padding-top&#58;-5;padding-bottom&#58;10px">
    
    
    			  <p align="center">
    			  	<font size="3" color="#931e00" face="helvetica">
                      Diese Seite verwendet Schriften, die nicht im Lieferumfang von Betriebsystemen der Firmen Microsoft und Apple enthalten sind
                      
    
                      Eine optimale Ansicht erfolgt mit den separat installierbaren Schriften "Morpheus" & "gothic ultra trendy"
                      
    
                      zu finden sind diese in unseren Download-Links!
    				<font>
                  </p>
    
    
    		 </div>
    </body>
    </html>
    anschauen könnt ihr euch das ganze unter
    http://wow.bundderalten.servegame.org
    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
    Forum Guru
    Registriert seit
    04.04.2005
    Beiträge
    4.139
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Lade dir mal CSS Viewer runter und betrachte deine Seite und schu dir mal den div der Navigationen an. (width_menu)
    Die überlagern alles.

    Ps nimm eine normale schrift, denn diese Schrift wird niemand installiert haben. Und es sieht schei**e aus.

    Namen der Ordner und Bilder nur in klein Buchstaben angeben.

    und ersetze den <img> mal damit:

    [img]bilder/happy_birthday_bda.gif[/img]
    Natürlich nachdem du die Ordner umbenanns^t und dein ganze Seite angepasst hast.
    Facebook Gruppe: Böses Encoding

  3. #3
    Teeny
    Themenstarter

    Registriert seit
    26.10.2006
    Beiträge
    27
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    RMB schrieb:
    Lade dir mal CSS Viewer runter und betrachte deine Seite und schu dir mal den div der Navigationen an. (width_menu)
    Die überlagern alles.
    nur eine kurze frage....

    was hat das mit meinem jetzigen problem zu tuen....????

    das sich einige divs auf meiner homepage überlappen, liegt daran das
    meiner Hompage über ein Min-width verfügt....
    richtig !!! Auch unter einem Internet explorer !!!!

    Dazu muss man halt den Code verschandeln....

    vieleicht hab ich ihn an der einen oder anderen stelle etwas zu sehr geschachtelt und den überblick verloren, aber es funktioniert....

    das problem, das ich hier geschildert habe, hat nichts...absolut garnichts mit dem aufbau meiner Hauptseite zu tuen.....
    als Experte hättest du das feststellen können....

    denn der effekt tritt auch unter
    http://wow.bundderalten.servegame.org/news.html
    auf...und da steht die Seite alleine !!!

    also nix mit width_menu.... !!!

    RMB schrieb:
    Ps nimm eine normale schrift, denn diese Schrift wird niemand installiert haben. Und es sieht schei**e aus.
    deine tipps mit der Schrift werde ich nachverfolgen und meine seiten auf systeme optimieren, die diese fonts nicht beinhalten !!!
    aber es soll halt auch mit den besagten eigenen schriften gut aussehen, denn eine Fantasyhompage mit einer drögen Helvetica muss nicht wirklich sein !
    Davon ab: du kannst die Schrift direkt von meinem Server auf deinen Rechner laden. entpacken und in den Fontordner schmeissen. Bei dem schrott, was man sich sonst alles so auf seinen rechner runterladen muss um zu einem gewünchten Ergebniss zu kommen, sind 99 kb nicht wirklich viel oder ??



    RMB schrieb:
    und ersetze den <img> mal damit:


    [img]bilder/happy_birthday_bda.gif[/img]
    Natürlich nachdem du die Ordner umbenanns^t und dein ganze Seite angepasst hast.
    damit auch die leute,die die hompage mit komplett abgeschalteten Grafiken betrachten, die möglichkeit haben, auf den nichtvorhandenen Link des nicht verhandenen Bildes klicken zu können, werde ich NATÜRLICH meine ganze Homepage, die natürlich grafikbasiert ist, mit den alternativen Platzhaltertexten versehen

    Du hast natürlich recht, das das nicht sauber ist , aber momentan ist mir anderes wichtiger...ich möchte keinen schönheitswettbewerb mit dem Code gewinnen...
    ach, um dir den Wind für späteres aus den segeln zu nehemen....
    ich weiss dass ich komplette HTML Seiten mittels php include.... mit Header....wie schändlich auch daran arbeite ich: SPÄTER!!!

    RMB schrieb:
    Namen der Ordner und Bilder nur in klein Buchstaben angeben.
    kann dein Server etwa keine klein/grossschrift ??





    So jetzt zum freundlichen part....

    Du hast sicher in deinen bemerkungen recht...vollkommen recht....

    aber....
    Sie waren vollkommen inadequat und und am kontext vorbei !!!
    auf mein Problem bist du mit KEINEM Wort eingegangen !!!!

    Gruß
    Peter

  4. #4
    Teeny
    Themenstarter

    Registriert seit
    26.10.2006
    Beiträge
    27
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    ach RMB

    ich hab das problem gefunden:

    Es lager an einem simplen Position:relativ !! Daran hatte sich der Internet
    Explorer aufgehängt !!!
    Das Bild war zwar an der absolut richten position, aber der Internetexplorer hat die verschachtelung zum Eltern Container daduch wohl nicht gefunden und das bild unter !!?? das Elternobjekt gesetzt...warum auch immer !!

    davon ab, habe ich ein wenig den Code gereinigt.... sieht er jetzt hübscher aus, RMB ???

    Gruß,
    Peter

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http&#58;//www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    	<title>NEWS</title>
    	<style type="text/css">
    
    .newsrahmen &#123;
    	position&#58;relative;
    	text-align&#58;center;background-image&#58;url&#40;bilder/leinen2.gif&#41;;
    	margin-left&#58;50px;
    	margin-right&#58;50px;
    	padding-bottom&#58;10px;
        border-color&#58;#996633;
    	border-width&#58;2px;
    	border-style&#58;ridge;
    
    	
    &#125;
    .float_img &#123;
      position&#58;relative;
      float&#58;left;
      margin-left&#58;20px;
      padding-right&#58;10px;
      z-index&#58;10;
    &#125;
    .newstitel &#123;
    	text-align&#58;center;
    	background-image&#58;url&#40;bilder/metal-2.gif&#41;;
    
    	border-width&#58;2px;
        border-style&#58;outset;
        border-color&#58;#996633;
        padding-top&#58;5px;
        font-size&#58;26pt;
        line-height&#58;0.6em;
        font-weight&#58;bold;
        font-family&#58;'gothic ultra trendy';
        color&#58;#8E4040;
    &#125;
    .newstext &#123;
    	padding-left&#58;10px;
    	padding-right&#58;10px;
    	margin-top&#58;0px;
        font-size&#58;26pt;
        line-height&#58;0.6em;    
        font-weight&#58;bold;
        text-align&#58;left;
        font-family&#58;'gothic ultra trendy';
        color&#58;#8E4040;
    &#125;
    
    </style>	
    	
    	
    </head>
    
    <body >
    		    <p align="center">
                  [img]buchstaben-initiale/initiale-n.gif[/img]  
                    <font color="#931E00" face="gothic ultra trendy" style="font-size&#58;100pt;margin-left&#58;-5px;vertical-align&#58;super">
                    ews
                    </font>
    			</p>	
    	     <div class="newsrahmen">
    	     <div class="newstitel">
               1 Jahr BDA - Grund zu feiern
             </div>
    		 
    
    
                <div class="float_img">
                  [img]Bilder/happy_birthday_bda.gif[/img]
                </div>
    		 	  <p class="newstext">
    		        Kaum zu glauben, aber es IST war. Wir sind alt. . . Uralt. .
                    Naja. . . zumindest haben wir bereits 1 volles Jahr &#40;oder mehr ? &#41; auf dem Buckel.
                    Wir sind der Meinung, das das ein Grund ist, ein Fass aufzumachen um mal wieder so richtig
                    die Sau rauszulassen.
                    
    
                    
    
                    
    
                    Wir nehmen unser einjaehriges Jublaeum zum Anlass, mal wieder ein Gildentreffen zu veranstallten.
                    naeheres entnehmt ihr wie immer aus dem Membersbereich unseres Forums
      		      </p>
    		 </p>
    		 </div>
    		 
    		 
    	     <div style="position&#58;relative;padding-left&#58;10px;padding-right&#58;-10px;padding-top&#58;-5;padding-bottom&#58;10px">
    
    
    			  <p align="center">
    			  	<font size="4" color="#931e00" face="helvetica">
                      Diese Seite verwendet Schriften, die nicht im Lieferumfang von Betriebsystemen der Firmen Microsoft und Apple enthalten sind
                      
    
                      Eine optimale Ansicht erfolgt mit den separat installierbaren Schriften "Morpheus" & "gothic ultra trendy"
                      
    
                      zu finden sind diese in unseren Download-Links!
    				<font>
                  </p>
    
    
    		 </div>
    </body>
    </html>

  5. #5
    Forum Guru
    Registriert seit
    14.06.2004
    Ort
    Schleswig-Holstein
    Beiträge
    5.439
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Also da geht mir glad der Hut hoch.

    RMB -der wirklich einiges an HTML & CO Erfahrungen vorzuweisen hat- gib dir gute Ratschläge und du zerfetzt es.
    Auf solche User kann ich hier sehr gerne verzichten.

    Damit du mich dann auch noch zerreißen darfst:

    1. dein Code ist simpler Quelltext, was man unter einem 'Code' versteht lies bitte hier nach -> http://de.wikipedia.org/wiki/Code

    2. Thema Schrift: abgesehen davon, daß die Schrift tatsächlich wie Müll aussieht, hast du gar keinen Einfluß darauf, wie deine Homepage bei anderen angezeigt wird. Du kannst allenfalls dem Browser deine Vorschläge unterbreiten. Dein Tipp, die Schrift bei dir herunterzuladen, ist ein Witz., das ist ja ungefähr so als wenn ich einen silbernen BMW bestelle, den in rot ausgeliefret bekomme und dazu eine Adresse, wo es silberne Farbe gibt. Junge mach mal dein Kopf auf: du bist der Looser mit solchen Ideen!
    Falls du allerdings die HP nur für dich allein erstellst, dann kannst du meinethalben alles draufpacken, was du auf dem PC hast.

    3. Thema CSS-Viewer: der Viewer hätte dir deine Fehler vermutlich gezeigt, hatte also sehr wohl etwas mit deiner Frage zu tun.

    4. Thema Groß-/Kleinschrift: auch da hat RMB recht, denn es spielt überhaupt keine Rolle, ober der Browser Groß- und Kleinschrift versteht Die Server (außer reinen Windows-Servern, aber wo laufen die schon) unterscheiden zwischen großen und kleinen Buchstaben. Warum das so ist könnte ich dir jetzt erklären - aber nach deinem Posting erscheint mir das als ziemlich sinnlos. Groß-/Kleinschrift-Fehler macht übrigens über 80% der Anzeigeprobleme bei Grafiken, Stylesheets, pp. aus.

    Zitat Zitat von Peter
    aber....
    Sie waren vollkommen inadequat und und am kontext vorbei !!!
    auf mein Problem bist du mit KEINEM Wort eingegangen !!!!
    Nach deinen Postings und diesem abschließenden Text vermute (und erwarte) ich, daß du hier künftig keine Hilfe mehr bekommst,

    Ciao!

    Ronald

  6. #6
    Teeny
    Themenstarter

    Registriert seit
    26.10.2006
    Beiträge
    27
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Leute Ihr habt recht....

    es war wirklich sehr spät, 5 Uhr und mir sind die Gäule durchgegangen....
    RMB ich möchte mich hiermit nochmals förmlich bei Dir entschuldigen und
    weiss deine Ratschläge zu schätzen.

    Das ich HTML als Quelltext und nicht als Code bezeichnen darf, wuste ich nicht, und möchte mich auch dafür entschuldigen !!
    Danke für deinen Verweis auf Wikipedia...nun bin ich allerdings gänzlich verwirrt denn dort nennt man Quelltext auch Quellcode ??!!
    http://de.wikipedia.org/wiki/Quellcode
    ich dachte immer das HTML ein 'code' für die vereinheitlichung von Textdarstellungen ist.


    Das mit der Groß und kleinschreibung werde ich korrigieren und
    meinen dreckiges Html versuchen zu bereinigen.

    Die schrifft sieht wirklich fürn Ar*** aus... Ich habe die fremden schriften
    bereits aus den meisten Seiten entfernt und überlege mir noch eine lösung
    für die Kodex seite, da Schrift dort ein altes Dokument simuliert !!


    Also nochmals zum schluss....

    eventuell habe ich für alle zeiten bei euch verschissen aber ich war WIRKLICH übermüdet und habe es nicht so gemeint....

    aber geschrieben ist geschrieben...

    Es tut mir Leid, aber wenn ihr nichts mehr mit mir zu tuen haben wollt,
    muss ich das dann wohl hinnehmen.

    Mit wirklich ehrlich gemeinten Freundlichen Grüssen,

    Peter !!

Ähnliche Themen

  1. Internet Explorer und Firefox Explorer tauglich
    Von forummx im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 21.11.2009, 22:13
  2. Internet Explorer
    Von metalFabi im Forum Computer - Internet Forum
    Antworten: 12
    Letzter Beitrag: 29.10.2007, 15:15
  3. Internet explorer
    Von rahm-mandel im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 23.07.2007, 09:39
  4. Internet Explorer 7.0
    Von Frank Klaus im Forum Computer - Internet Forum
    Antworten: 2
    Letzter Beitrag: 19.12.2006, 19:48
  5. Bild beim internet explorer unter favoriten anzeigen
    Von MSgWaldfee im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 5
    Letzter Beitrag: 10.07.2005, 17:19

Stichworte

Berechtigungen

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