Ergebnis 1 bis 8 von 8

Thema: Opera Problem

  1. #1
    rolirevolvermann
    Gast

    Standard Opera Problem

    Hallo
    Ich hab grad ein Grundgerüst für ne Website gemacht und hab schon ein Problem.
    Kannmir jemadn sagen was an meinem Code nicht stimmt?
    Das Problem ist, dass die Site im IE super aussieht und im Opera eher seltsam

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    
    <html>
    
    	<head>
    		<title></title>
    		<style type="text/css">
    		
    		
    
    		  #mainText&#123;font-family&#58; cursive;font-size&#58; 13px;&#125;
    		  
    		  body &#123;margin-top&#58;3%;text-align&#58; center;background-color&#58; white&#125;
           
            
               #container   &#123; border&#58; 2px solid #990033;background-color&#58;white;width&#58;80%;height&#58; 80%;text-align&#58; center;margin&#58; auto&#125;
               
    
               #menue_container &#123;width&#58; 20%;height&#58; 70%;border&#58; 0px solid #990033;margin&#58; 20px;text-align&#58; center;&#125;
               #menue_container ul &#123;list-style-type&#58; none;margin&#58; 0 0 0 0px&#125;
               
    
               
               
    
                #header   &#123;  background-color&#58; 0fff; border&#58; 2px solid #990033;height&#58; 100px;margin&#58; 10px;text-align&#58; center&#125;
                
                #main &#123;width&#58; 60%;height&#58; 70%;margin&#58; 20px;text-align&#58; center; border&#58; 2px solid #990033&#125;
                
                
                #footer&#123;background-color&#58; 0fff; border&#58; 2px solid #990033;height&#58; 100px;margin&#58; 10px;text-align&#58; center&#125;
                #menu&#123;
    width&#58;200px;
    color&#58;black;
    background&#58;#b8ab8f;
    padding&#58;10px;
    border-top&#58;1px solid #837C6B;
    border-right&#58;1px solid #E4D9C0;
    border-bottom&#58;1px solid #E4D9C0;
    border-left&#58;1px solid #837C6B;
    &#125;
    #menu a&#123;
    color&#58;maroon;
    font&#58;bold 13px verdana, sans-serif;
    margin&#58;5px 0 5px 0;
    padding&#58;1px 3px 1px 4px;
    text-decoration&#58;none;
    background&#58;transparent;
    display&#58;block;
    border-top&#58;1px solid #99917d;
    border-right&#58;1px solid #e4d9c0;
    border-bottom&#58;1px solid #e4d9c0;
    border-left&#58;1px solid #99917d;
    width&#58;155px;&#125; 
    #menu a&#58;hover&#123;
    color&#58;#f6e4c1; 
    background&#58;transparent;
    border-top&#58;1px solid #e4d9c0;
    border-right&#58;1px solid #837c6b;
    border-bottom&#58;1px solid #837c6b;
    border-left&#58;1px solid #e4d9c0;&#125; 
    
              </style>
              
              
              
              
    	</head>
    
    	<body>
    	
    	 <div id = "container">
    	 
    	  <div id = "header">Header</div>
    	   
    	  <span id="menue_container">
    	  <div id="menu">
    	  
    	  <ul>
    	  
    	[*]Die Firma
    	[*]Mitarbeiter
    	[*]Referenzen
    	[*]Aktuelle Projekte
    	[*]Tätigkeiten
    	[*]Fuhrpark
    	[*]Hunde
    	[*]Kontakt
    	  
    	[/list]
    	  
    	  
    	  
    	  </div>
    	  </span>	
    	  
    	  <span id="main"><div id="mainText">
    	  
    	 
    </span>
    
    	  <div id="footer"><div id="mainText">
    
    Impressum
    
    </div></div>
    	 </div>
    	 
    	
    	
    	
    	
    	</body>
    
    </html>
    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
    testmaso
    Gast

    Standard

    du nutzt Blockelemente in Inlineelementen. Mach aus den Span Div.

  3. #3
    rolirevolvermann
    Gast

    Standard

    Vielen Dank !

    Also ich hab das geändert, aber das zersört mir ja mein ganzes Layout...

  4. #4
    testmaso
    Gast

    Standard

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
    
    <html> 
    
       <head> 
          <title></title> 
          <style type="text/css"> 
           
           
    
            .mainText&#123;font-family&#58; cursive;font-size&#58; 13px;&#125; 
            
            body &#123;margin-top&#58;3%;text-align&#58; center;background-color&#58; white&#125; 
            
            
               #container   &#123; border&#58; 2px solid #990033;background-color&#58;white;width&#58;80%;height&#58; 80%;text-align&#58; center;margin&#58; auto&#125; 
                
    
               #menue_container &#123;display&#58;inline;width&#58; 20%;height&#58; 70%;border&#58; 0px solid #990033;margin&#58; 20px;text-align&#58; center;&#125; 
               #menue_container ul &#123;list-style-type&#58; none;margin&#58; 0 0 0 0px&#125; 
                
    
                
                
    
                #header   &#123;  background-color&#58; 0fff; border&#58; 2px solid #990033;height&#58; 100px;margin&#58; 10px;text-align&#58; center&#125; 
                
                #main &#123;display&#58;inline;width&#58; 60%;height&#58; 70%;margin&#58; 20px;text-align&#58; center; border&#58; 2px solid #990033&#125; 
                
                
                #footer&#123;background-color&#58; 0fff; border&#58; 2px solid #990033;height&#58; 100px;margin&#58; 10px;text-align&#58; center&#125; 
                #menu&#123; 
    width&#58;200px; 
    color&#58;black; 
    background&#58;#b8ab8f; 
    padding&#58;10px; 
    border-top&#58;1px solid #837C6B; 
    border-right&#58;1px solid #E4D9C0; 
    border-bottom&#58;1px solid #E4D9C0; 
    border-left&#58;1px solid #837C6B; 
    &#125; 
    #menu a&#123; 
    color&#58;maroon; 
    font&#58;bold 13px verdana, sans-serif; 
    margin&#58;5px 0 5px 0; 
    padding&#58;1px 3px 1px 4px; 
    text-decoration&#58;none; 
    background&#58;transparent; 
    display&#58;block; 
    border-top&#58;1px solid #99917d; 
    border-right&#58;1px solid #e4d9c0; 
    border-bottom&#58;1px solid #e4d9c0; 
    border-left&#58;1px solid #99917d; 
    width&#58;155px;&#125; 
    #menu a&#58;hover&#123; 
    color&#58;#f6e4c1; 
    background&#58;transparent; 
    border-top&#58;1px solid #e4d9c0; 
    border-right&#58;1px solid #837c6b; 
    border-bottom&#58;1px solid #837c6b; 
    border-left&#58;1px solid #e4d9c0;&#125; 
    
              </style> 
              
              
              
              
       </head> 
    
       <body> 
        
        <div id="container"> 
        
         <div id="header">Header</div> 
           
         <div id="menue_container"> 
         <div id="menu"> 
         
         <ul> [*]Die Firma [*]Mitarbeiter [*]Referenzen [*]Aktuelle Projekte [*]Tätigkeiten [*]Fuhrpark [*]Hunde [*]Kontakt [/list]
         
         
         
         </div> 
         </div>    
         
         <div id="main"><div class="mainText"> 
         </div>
        </div> 
    
         <div id="footer"><div class="mainText">
    
    Impressum
     
    </div></div> 
        </div> 
        
        
        
        
        
       </body> 
    
    </html>

  5. #5
    rolirevolvermann
    Gast

    Standard

    DAnke!

    Das Problem ist aber immer noch:
    Im Opera sieht das ganze ganz anders aus.
    Ist das normal?

  6. #6
    testmaso
    Gast

    Standard

    normal ist das nicht. Musst ein wenig mit den width und height und text-align rum expermentieren oder ein CSS-Grundlayout von hier verwenden:
    http://blog.html.it/layoutgala/

  7. #7
    rolirevolvermann
    Gast

    Standard Neues Prob

    hallo
    also ich hab jetzt wieder mal ein bisschen rumgebaut, und einbisschen gelernt, und opera im griff
    das problem ist jetzt netscape:

    hier mein neuer code:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    
    <html>
    
    	<head>
    		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
    		<meta name="generator" content="Adobe GoLive">
    		<title>Leo Seehofer Gartengestaltung</title>
    		
    		<style type="text/css">
    		
    		body&#123;text-align&#58; center;margin&#58; auto&#125;
    	
    		
    		#container&#123;width&#58; 800px;height&#58; 600px;border&#58; 2px solid red;text-align&#58; center;margin&#58; auto&#125;
    		
    		#header&#123;width&#58; 750px;height&#58; 100px;border&#58; 2px solid red;margin&#58; auto;text-align&#58; center&#125;
    		
    		#nav&#123;width&#58; 150px;height&#58; 300px;border&#58; 2px solid red;float&#58; left;margin-left&#58; 20px;margin-bottom&#58; 15px&#125;
    		
    		#main&#123;width&#58; 550px;height&#58; 300px;margin-right&#58; 20px;margin-bottom&#58; 15px;float&#58;right;&#125;
    		
    		#footer&#123;width&#58; 750px;border&#58; 2px solid red;margin&#58; auto&#125;		
    		</style>
    		
    		
    	</head>
    	
    	
    
    	<body bgcolor="white">
    	
    	
    
    	<div id="container">
    	
    	
    
    	
    	<div id="header">header
    	
    	</div>
    	
    	
    
    	
    	<div id="nav">
    	nav</div>
    	
    	<div id="main">
    	<iframe src="http&#58;//www.google.de" width="550px" height="300px"></iframe>
    	</div>
    
    	<div id="footer">
    	footer
    	</div>	
    	
    
    	
    	</div>
    	
    		
    	</body>
    	
    	
    
    </html>
    hat jemand ne idee?

    Danke im Vorraus!

  8. #8
    Teeny
    Registriert seit
    24.05.2006
    Beiträge
    38
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Habe eher auch ein Problem. Opera scheint generell meine Stylesheets zu ignorieren, obwohl ich das ausdrücklich erlaubt habe "Gestaltung von **** erlauben"
    Woran kann das liegen? Denke mal, es war dasselbe Problem...
    Code:
    <!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta name="robots" content="noindex">
    <title>haupt</title>
    <meta name="author" content="Dieter">
    <meta name="generator" content="Ulli Meybohms HTML EDITOR">
    
    <style type="text/css">
    
    body 	&#123; color&#58;#100000;
    	line-height&#58;15pt;
    	font-family&#58;Verdana;
    	font-size&#58;10pt;
    	font-weight&#58;normal;
    	a&#58;link &#123; color&#58;#100000; &#125;
    	a&#58;visited &#123; color&#58;#100000; &#125;
    	a&#58;active &#123; color&#58;#100000; &#125;
    	letter-spacing&#58;0.1em;
    	background-image&#58;url&#40;karos2.gif&#41;
    	&#125;
    p 	&#123; color&#58;#100000; text-align&#58;center; margin-left&#58;20px; margin-right&#58;40px; &#125;
    div	&#123; text-align&#58;justify; margin-left&#58;20px; margin-right&#58;40px; &#125;
    
    </style>
    
    </head>
    <body>
    <?php 	if &#40;$_GET&#91;"seite"&#93;=="foodoos"&#41;
    	&#123;echo "<center>
    Foodoos!!</center>";
    	&#125;
    	if &#40;$_GET&#91;"seite"&#93;=="home"&#41;
    	&#123;echo "<div> 
    Willkommen auf meiner Homepage... 
    
    Leider wird die Seite
    	zur Zeit umgebaut, das wird bei meinem Arbeitstempo auch eine Weile dauern ;-&#41;
    	zumindest wird das Layout dadurch ein bissel ansehnlicher. Wer keinen Flash-Player
    	hat, kann sich die Navigation links leider nicht angucken - und sollte sich endlich mal
    	einen anständigen Browser zulegen, zum Beispiel den
    	<a href=\"http&#58;//www.mozilla-europe.org/de/products/firefox/\" target=\"_blank\">
    	Firefox</a>... *g* der installiert den FlashPlayer nämlich gleich selbst.
    	Die Seite funktioniert auch mit dem Internet Explorer ein bisschen anders, als mit
    	den normalen Browsern. Warum - das weiss nur Bill.</div>";
    	&#125;
    	if &#40;$_GET&#91;"seite"&#93;=="Links"&#41;
    	&#123;echo "<center>
    Testseite 
    Zeile 1 
    Zeile 2 
    *TEST* 
    Zeile 4 
    Zeile 5 
    Zeile 6 
    Zeile 7 
    Zeile 8 
    Zeile 9 
    Zeile 10 
    Zeile 11 
    Zeile 12 
    Zeile 13 
    Zeile 14 
    Zeile 15 
    Zeile 16 
    Zeile 17 
    Zeile 18 
    Zeile 19 
    Zeile 20 
    Zeile 21</center>";
    	&#125;
    
    	if &#40;$_GET&#91;"seite"&#93;==""&#41;
    	&#123;echo "";
    	&#125;
    
    
             ?>
    </body>
    </html>
    -------- rookie for life --------

Ähnliche Themen

  1. Problem mit Website im IE7, in Opera & Firefox okay
    Von secretagent im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 28.03.2008, 18:33
  2. Opera: Layer-Problem
    Von Ronald im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 11.09.2006, 08:55
  3. opera problem bei popup menu
    Von schneidi74 im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 21.03.2006, 16:32
  4. Problem mit Pixelangabe IE/Opera <> Firefox
    Von silentium im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 25.02.2006, 15:27
  5. ?CSS/html? Problem, Firefox _:/:_ Opera
    Von :.:UltraVa Flyin:.: im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 22.01.2006, 21:35

Stichworte

Berechtigungen

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