Ergebnis 1 bis 6 von 6

Thema: Wird im FF anders angezeigt, als im IE....

  1. #1
    HTML Newbie
    Registriert seit
    02.11.2007
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Wird im FF anders angezeigt, als im IE....

    Hi ihr

    ich bin grad dabei ne Homepage im Windows Editor zu schreiben. Jetzt komme ich nicht mehr weiter...

    Wie mache ich das, dass die Homepage möglichst in allen Browsern gleich angezeigt wird?

    Code:
    <html>
    <head>
    <style type="text/css">
    
    #foldheader&#123;cursor&#58;pointer; cursor&#58;hand ; font-weight&#58;bold ; font-family&#58;Arial Narrow;&#125;
    #tabelle
      html &#123;height&#58;100%;&#125;
      body &#123;
        color&#58; black; 
        background-color&#58; #037EC4;
        font-size&#58; 100.01%;
        font-family&#58; Helvetica,Arial,sans-serif;
        margin&#58; 0px; 
        padding&#58; 0px;
        text-align&#58; center;  
      &#125;
    
      div#Seite &#123;
        text-align&#58; left;    
        margin-top&#58; 0px;      
        width&#58; 100%;
        background&#58; #037EC4;
        border&#58; 0px;
      &#125;
      
      div#Banner &#123;
        background-color&#58; #037EC4;
        margin&#58; 0px ;
        scrolling&#58; no;
      &#125;
      
      div#Leiste &#123;
        background-color&#58; #FFFFFF;
        margin-top&#58; 10px;
        margin-bottom&#58; 10px;  
      &#125;
    
      a.button &#123;
          font-family&#58; Arial Narrow;
          font-size&#58;15px;
          font-color&#58; #000000;
          padding&#58; 2px;
          margin-top&#58; 2%;
          background-Color&#58; #FFFFFF;
          border-left&#58; 2px solid #000000;
          border-top&#58; 2px solid #000000;
          border-right&#58; 2px solid #000000;
          border-bottom&#58; 2px solid #000000;
          text-decoration&#58; none;
          width&#58; 100px;
          height&#58; 5%;
          text-align&#58; left;
      &#125;
       
      a.button&#58;hover &#123;
          Color&#58; #000000;
          background-Color&#58; #037EC4;
          border-left&#58; 2px solid #000000;
          border-top&#58; 2px solid #000000;
          border-right&#58; 2px solid #000000;
          border-bottom&#58; 2px solid #000000;
          text-decoration&#58; none;
      &#125;
      div#Navigation &#123;
        margin-top&#58; 20px;
        margin-right&#58; 10px;
        marign-bottom&#58; 10px;
        margin-left&#58; 10px;
        background-color&#58; #037EC4;
        float&#58; left;
        width&#58; 20%;
      &#125;
    
        div#Hauptseite &#123;
        background-color&#58; #FFFFFF;
        margin-top&#58; 20px;
        margin-bottom&#58; 20px;
        float&#58; right;
        min-height&#58; 100%;
    
      &#125;
    
    </style>
    </head>
    <body>
    	<div id="Seite">
    		<div id="Banner">
    		[img]logo.jpg[/img]
    			<div id="Leiste">
    			
    
    				<div id="Navigation">
    				
    				
    Home
    				
    Private Absicherung
    				
    Unsere Partner
    				
    Kontakt
    				
    Angaben gem. EU-Richtlinien
    				
    Impressum
    		
    				</div>
    					<div id="Hauptseite">
    
    						<iframe name="InFrame" width="100%" height="385px" frameborder="0" scrolling="auto" src="Home.html">
    
    						</iframe>
    
    					</div>
    			</div>
    		</div>
    	</div>
    </body>
    </html>
    Das ist der Code bisher...

    Grüßle Dominique
    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
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Deine Seite braucht zunächst unbedingt einen Standard-Doctype, da sonst der IE 6 das CSS-Box-Modell nicht richtig interpretieren kann.

    Wenn du in einzelnen Elementen dann noch
    Code:
    float&#58;left;
    und gleichzeitig
    Code:
    margin-left&#58;
    hast, dann tritt im IE der Double Float-Margin-Bug" auf. Um das zu verhindern, füge dem betreffenden Element ein
    Code:
    display&#58; inline;
    hinzu. Siehe hier

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    02.11.2007
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
      "http&#58;//www.w3.org/TR/html4/strict.dtd">
    
    <html>
    <head>
    <style type="text/css">
    
      html &#123;height&#58;100%;&#125;
      a &#123; color&#58; #000000;&#125;
      body &#123;
        color&#58; black; 
        background-color&#58; #037EC4;
        font-size&#58; 100.01%;
        font-family&#58; Helvetica,Arial,sans-serif;
        margin&#58; 0px; 
        padding&#58; 0px;
        text-align&#58; center;  
      &#125;
    
      div#Seite &#123;
        text-align&#58; left;    
        margin-top&#58; 0px;      
        width&#58; 100%;
        background&#58; #037EC4;
        border&#58; 0px;
      &#125;
      
      div#Banner &#123;
        background-color&#58; #037EC4;
        margin&#58; 0px ;
        scrolling&#58; no;
      &#125;
      
      div#Leiste &#123;
        background-color&#58; #FFFFFF;
        margin-top&#58; 10px;
        margin-bottom&#58; 10px;  
      &#125;
    
      a.button &#123;
        font-family&#58; Arial Narrow;
        font-size&#58;15px;
        font-color&#58; #000000;
        padding&#58; 2px;
        margin-top&#58; 2%;
        background-Color&#58; #FFFFFF;
        border-left&#58; 2px solid #000000;
        border-top&#58; 2px solid #000000;
        border-right&#58; 2px solid #000000;
        border-bottom&#58; 2px solid #000000;
        text-decoration&#58; none;
        width&#58; 100px;
        height&#58; 5%;
        text-align&#58; left;
      &#125;
       
      a.button&#58;hover &#123;
        Color&#58; #000000;
        background-Color&#58; #037EC4;
        border-left&#58; 2px solid #000000;
        border-top&#58; 2px solid #000000;
        border-right&#58; 2px solid #000000;
        border-bottom&#58; 2px solid #000000;
        text-decoration&#58; none;
      &#125;
      div#Navigation &#123;
        margin-top&#58; 20px;
        margin-right&#58; 10px;
        marign-bottom&#58; 10px;
        margin-left&#58; 10px;
        background-color&#58; #037EC4;
        float&#58; left;
        width&#58; 20%;
        display&#58; inline; 
    
      &#125;
    
        div#Hauptseite &#123;
        background-color&#58; #FFFFFF;
        margin-top&#58; 20px;
        margin-bottom&#58; 20px;
        float&#58; right;
        min-height&#58; 100%;
    
      &#125;
    
    </style>
    </head>
    <body>
    	<div id="Seite">
    		<div id="Banner">
    		[img]logo.jpg[/img]
    			<div id="Leiste">
    			
    
    				<div id="Navigation">
    				
    				
    Home
    				
    Private Absicherung
    				
    Unsere Partner
    				
    Kontakt
    				
    Angaben gem. EU-Richtlinien
    				
    Impressum
    		
    				</div>
    					<div id="Hauptseite">
    
    						<iframe name="InFrame" width="100%" height="385px" frameborder="0" scrolling="auto" src="Home.html">
    
    						</iframe>
    
    					</div>
    			</div>
    		</div>
    	</div>
    </body>
    </html>
    so sieht der code jetzt aus... leider sieht es immer noch nicht anders aus

  4. #4
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Schließ doch mal den Banner-Div nach dem img-Tag.
    Welche Funktion hat der Div "Leiste"? Warum packst du da die Navi rein - ist doch eigentlich unnötig.
    Achte darauf, dass die div's an der richtigen Stelle wieder geschlossen werden.
    Der IE6 kann min- und max-Werte nicht interpretieren. Entweder verzichtest du darauf oder du musst einen "Workaround" einbauen.

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    02.11.2007
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    das ist der code jetzt:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http&#58;//www.w3.org/1999/xhtml" xml&#58;lang="en" lang="de">
     <meta http-equiv="content-type" content="application/xhtml; charset=UTF-8" />
    <head>
    <style type="text/css">
    
      html &#123;height&#58;100%;&#125;
      a &#123; color&#58; #000000;&#125;
      body &#123;
        color&#58; black; 
        background-color&#58; #037EC4;
        font-size&#58; 100.01%;
        font-family&#58; Helvetica,Arial,sans-serif;
        margin&#58; 0px; 
        padding&#58; 0px;
        text-align&#58; center;  
      &#125;
    
      div#Seite &#123;
        text-align&#58; left;    
        margin-top&#58; 0px;      
        width&#58; 100%;
        background&#58; #037EC4;
        border&#58; 0px;
      &#125;
      
      div#Banner &#123;
        background-color&#58; #037EC4;
        margin&#58; 0px ;
        scrolling&#58; no;
      &#125;
      
      div#Leiste &#123;
        background-color&#58; #FFFFFF;
        margin-top&#58; 10px;
        margin-bottom&#58; 10px;  
      &#125;
    
      a.button &#123;
        font-family&#58; Arial Narrow;
        font-size&#58;15px;
        font-color&#58; #000000;
        margin-top&#58; 2%;
        margin-bottom&#58; 2%;
        background-Color&#58; #FFFFFF;
        border-left&#58; 2px solid #000000;
        border-top&#58; 2px solid #000000;
        border-right&#58; 2px solid #000000;
        border-bottom&#58; 2px solid #000000;
        text-decoration&#58; none;
        width&#58; 100px;
        text-align&#58; left;
      &#125;
       
      a.button&#58;hover &#123;
        Color&#58; #000000;
        background-Color&#58; #037EC4;
        border-left&#58; 2px solid #000000;
        border-top&#58; 2px solid #000000;
        border-right&#58; 2px solid #000000;
        border-bottom&#58; 2px solid #000000;
        text-decoration&#58; bold;
      &#125;
      div#Navigation &#123;
        margin-top&#58; 20px;
        margin-right&#58; 10px;
        marign-bottom&#58; 10px;
        margin-left&#58; 20px;
        background-color&#58; #037EC4;
        float&#58; left;
        width&#58; 15%;
        display&#58; inline; 
    
      &#125;
    
        div#Hauptseite &#123;
        background-color&#58; #FFFFFF;
        margin-top&#58; 20px;
        margin-bottom&#58; 20px;
        float&#58; right;
        min-height&#58; 100%;
    
      &#125;
    
    </style>
    </head>
    <body>
    	<div id="Seite">
    		<div id="Banner">
    		[img]logo.jpg[/img]
    		</div>
    			<div id="Leiste">
    			
    
    			</div>
    				<div id="Navigation">
    				
    				
    Home
    				
    Private Absicherung
    				
    Unsere Partner
    				
    Kontakt
    				
    Angaben gem. EU-Richtlinien
    				
    Impressum
    		
    				</div>
    					<div id="Hauptseite">
    
    						<iframe name="InFrame" width="100%" height="385px" frameborder="0" scrolling="auto" src="Home.html">
    
    						</iframe>
    
    					</div>		
    </body>
    </html>
    in die leiste kommt mal nen newsticker. er trennt banner und hauptseite...

    was ist ein workaround? Oo

  6. #6
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Mit einem "Workaround" kannst du dem IE Dinge beibringen, die er von Natur aus nicht kann. Man zwingt ihn also, den CSS-Code standardkonform zu interpretieren. Das gilt jedoch nicht generell, sondern lediglich für einige bugs des IE (Fehler).

    Was deine Seite betrifft: Warum verwendest du denn die nicht mehr zeitgemäßen Frames?
    Arbeite dich mal durch meine Signatur durch, vielleicht wird dann dann das Verständnis für manche CSS-Angaben etwas klarer.

Ähnliche Themen

  1. Ava wird nicht angezeigt
    Von Allegra im Forum Forum-Hilfe.de intern
    Antworten: 2
    Letzter Beitrag: 16.08.2008, 14:36
  2. swf wird nicht angezeigt
    Von Klebo im Forum Flash Forum
    Antworten: 34
    Letzter Beitrag: 08.07.2008, 19:01
  3. Wie wird es korrek angezeigt?
    Von im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 6
    Letzter Beitrag: 04.09.2007, 23:54
  4. JPG wird nicht angezeigt
    Von Carolyn im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 16
    Letzter Beitrag: 14.04.2006, 21:54
  5. uhr wird nicht angezeigt
    Von phore im Forum Computer - Internet Forum
    Antworten: 3
    Letzter Beitrag: 04.08.2005, 11:53

Stichworte

Berechtigungen

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