Opera Problem

rolirevolvermann

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:-)

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<html>


	<head>
		<title></title>
		<style type="text/css">




		  #mainText{font-family: cursive;font-size: 13px;}

		  body {margin-top:3%;text-align: center;background-color: white}


           #container   { border: 2px solid #990033;background-color:white;width:80%;height: 80%;text-align: center;margin: auto}



           #menue_container {width: 20%;height: 70%;border: 0px solid #990033;margin: 20px;text-align: center;}
           #menue_container ul {list-style-type: none;margin: 0 0 0 0px}



           



            #header   {  background-color: 0fff; border: 2px solid #990033;height: 100px;margin: 10px;text-align: center}

            #main {width: 60%;height: 70%;margin: 20px;text-align: center; border: 2px solid #990033}


            #footer{background-color: 0fff; border: 2px solid #990033;height: 100px;margin: 10px;text-align: center}
            #menu{
width:200px;
color:black;
background:#b8ab8f;
padding:10px;
border-top:1px solid #837C6B;
border-right:1px solid #E4D9C0;
border-bottom:1px solid #E4D9C0;
border-left:1px solid #837C6B;
}
#menu a{
color:maroon;
font:bold 13px verdana, sans-serif;
margin:5px 0 5px 0;
padding:1px 3px 1px 4px;
text-decoration:none;
background:transparent;
display:block;
border-top:1px solid #99917d;
border-right:1px solid #e4d9c0;
border-bottom:1px solid #e4d9c0;
border-left:1px solid #99917d;
width:155px;} 
#menu a:hover{
color:#f6e4c1; 
background:transparent;
border-top:1px solid #e4d9c0;
border-right:1px solid #837c6b;
border-bottom:1px solid #837c6b;
border-left:1px solid #e4d9c0;} 


          </style>




	</head>


	<body>

	 <div id = "container">

	  <div id = "header">Header</div>

	  <span id="menue_container">
	  <div id="menu">

	  <ul>

	  [*][url='#']Die Firma[/url]
	  [*][url='#']Mitarbeiter[/url]
	  [*][url='#']Referenzen[/url]
	  [*][url='#']Aktuelle Projekte[/url]
	  [*][url='#']Tätigkeiten[/url]
	  [*][url='#']Fuhrpark[/url]
	  [*][url='#']Hunde[/url]
	  [*][url='#']Kontakt[/url]

	  [/list]



	  </div>
	  </span>	

	  <span id="main"><div id="mainText">


</span>


	  <div id="footer"><div id="mainText">


Impressum
[url='mailto:?subject='][/url]
</div></div>
	 </div>





	</body>


</html>

Alles anzeigen

testmaso

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

rolirevolvermann

Vielen Dank !

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

testmaso

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 


<html> 


   <head> 
      <title></title> 
      <style type="text/css"> 




        .mainText{font-family: cursive;font-size: 13px;} 

        body {margin-top:3%;text-align: center;background-color: white} 


           #container   { border: 2px solid #990033;background-color:white;width:80%;height: 80%;text-align: center;margin: auto} 



           #menue_container {display:inline;width: 20%;height: 70%;border: 0px solid #990033;margin: 20px;text-align: center;} 
           #menue_container ul {list-style-type: none;margin: 0 0 0 0px} 



            



            #header   {  background-color: 0fff; border: 2px solid #990033;height: 100px;margin: 10px;text-align: center} 

            #main {display:inline;width: 60%;height: 70%;margin: 20px;text-align: center; border: 2px solid #990033} 


            #footer{background-color: 0fff; border: 2px solid #990033;height: 100px;margin: 10px;text-align: center} 
            #menu{ 
width:200px; 
color:black; 
background:#b8ab8f; 
padding:10px; 
border-top:1px solid #837C6B; 
border-right:1px solid #E4D9C0; 
border-bottom:1px solid #E4D9C0; 
border-left:1px solid #837C6B; 
} 
#menu a{ 
color:maroon; 
font:bold 13px verdana, sans-serif; 
margin:5px 0 5px 0; 
padding:1px 3px 1px 4px; 
text-decoration:none; 
background:transparent; 
display:block; 
border-top:1px solid #99917d; 
border-right:1px solid #e4d9c0; 
border-bottom:1px solid #e4d9c0; 
border-left:1px solid #99917d; 
width:155px;} 
#menu a:hover{ 
color:#f6e4c1; 
background:transparent; 
border-top:1px solid #e4d9c0; 
border-right:1px solid #837c6b; 
border-bottom:1px solid #837c6b; 
border-left:1px solid #e4d9c0;} 


          </style> 




   </head> 


   <body> 

    <div id="container"> 

     <div id="header">Header</div> 

     <div id="menue_container"> 
     <div id="menu"> 

     <ul> 
          [*][url='#']Die Firma[/url] 
     [*][url='#']Mitarbeiter[/url] 
     [*][url='#']Referenzen[/url] 
     [*][url='#']Aktuelle Projekte[/url] 
     [*][url='#']Tätigkeiten[/url] 
     [*][url='#']Fuhrpark[/url] 
     [*][url='#']Hunde[/url] 
     [*][url='#']Kontakt[/url] 
          [/list] 



     </div> 
     </div>    

     <div id="main"><div class="mainText"> 
     </div>
    </div> 


     <div id="footer"><div class="mainText">


Impressum
[url='mailto:?subject='][/url] 
</div></div> 
    </div> 





   </body> 


</html>

Alles anzeigen

rolirevolvermann

DAnke!

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

testmaso

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/

rolirevolvermann

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:

HTML

<!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{text-align: center;margin: auto}


		#container{width: 800px;height: 600px;border: 2px solid red;text-align: center;margin: auto}

		#header{width: 750px;height: 100px;border: 2px solid red;margin: auto;text-align: center}

		#nav{width: 150px;height: 300px;border: 2px solid red;float: left;margin-left: 20px;margin-bottom: 15px}

		#main{width: 550px;height: 300px;margin-right: 20px;margin-bottom: 15px;float:right;}

		#footer{width: 750px;border: 2px solid red;margin: auto}		
		</style>


	</head>




	<body bgcolor="white">




	<div id="container">




	
	<div id="header">header

	</div>




	
	<div id="nav">
	nav</div>

	<div id="main">
	<iframe src="http://www.google.de" width="550px" height="300px"></iframe>
	</div>


	<div id="footer">
	footer
	</div>	



	
	</div>


	</body>




</html>

Alles anzeigen

hat jemand ne idee?

Danke im Vorraus!

madosch

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...

PHP

<!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 	{ color:#100000;
	line-height:15pt;
	font-family:Verdana;
	font-size:10pt;
	font-weight:normal;
	a:link { color:#100000; }
	a:visited { color:#100000; }
	a:active { color:#100000; }
	letter-spacing:0.1em;
	background-image:url(karos2.gif)
	}
p 	{ color:#100000; text-align:center; margin-left:20px; margin-right:40px; }
div	{ text-align:justify; margin-left:20px; margin-right:40px; }


</style>


</head>
<body>
<?php 	if ($_GET["seite"]=="foodoos")
	{echo "<center>
Foodoos!!</center>";
	}
	if ($_GET["seite"]=="home")
	{echo "<div> 
Willkommen auf meiner Homepage... 


Leider wird die Seite
	zur Zeit umgebaut, das wird bei meinem Arbeitstempo auch eine Weile dauern ;-)
	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://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>";
	}
	if ($_GET["seite"]=="Links")
	{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>";
	}


	if ($_GET["seite"]=="")
	{echo "";
	}




         ?>
</body>
</html>

Alles anzeigen

Tags