Im IE richtig angezeigt, aber in Opera ist es falsch

ich habe ein page gemacht. diese ist zetriert. Im IE ist dies auch so, aber wenn ich diese in Opera öffne wird sie links ausgerichtet. dann ist in opera der background anders und die Input boxen sehen in opera anders aus als im IE. need help.

mfg

HTML

<html>
<head>
<title>Pronova GmbH</title>
<link rel="stylesheet" type="text/css" href="format.css" >
<script src="javascript.js" type="text/javascript" ></script>
<script>
<!--
function BlurLinks(){
lnks=document.getElementsByTagName('a');
for(i=0;i<lnks.length;i++){
lnks[i].onfocus=new Function("if(this.blur)this.blur()");
}
}


onload=BlurLinks;
-->
</script>
</head>


<body bgcolor="powderblue" onload="window.setTimeout ('uhr()',1000);"  >


<div align="center"><table border="0" cellpadding="0" cellspacing="3"  width="760">
<tr>
<td>
<table bgcolor="black" border="0" cellpadding="0" cellspacing="0"  width="750" >


<tr>
<td ><table border="0" cellpadding="2" cellspacing="1"  width="750">
<tr>
<td height="25" background="images/balken.jpg"  bgcolor="powderblue"  ></td>
</tr>
<tr>
<td bgcolor="powderblue" height="62">[img]images/banner_schreibtisch.jpg[/img]</td>
</tr>
<tr>
<td width="100%"  background="images/balken.jpg"    bgcolor="powderblue"align="right">
<table border="0" cellpadding="0" cellspacing="0"  width="100%" >
<tr>
<td align="right" width="100%"><FORM style="margin-bottom:0px;padding-top:3px;" NAME="Datum"><INPUT SIZE=10 NAME="Date" style="height:20px;font-size:9pt;background-color:#BFFBCE;color:black;padding:2px"></FORM></td><td ></td><td valign="top"  ><FORM NAME="zeit" style="margin-bottom:0px;padding-top:3px;"><INPUT SIZE=10 NAME="Time" style="height:20px;font-size:9pt;background-color:#BFFBCE;color:black;padding:2px" ></FORM></td><td></td>


</tr>
</table>
</td>
</tr>


</table></td>
</tr>
</table>
</td>
</tr>
<tr>
<td  valign="top"   >
<table border="0" cellpadding="0" cellspacing="0"  width="750" height="197">
<tr>
<td  valign="top" height="197">
<table bgcolor="black" border="0" cellpadding="0" cellspacing="0"  width="160" >
<tr>
<td valign="top" >
<table width="160"  border="0" cellpadding="0" cellspacing="1" id="menu1" >
<tr>
<td  bgcolor="powderblue" width="160"   height=20 style="padding:4px"  background="images/balken.jpg"  >Men&uuml;</td>


</tr>
<tr>
<td  width="160"  background="images/back_button.jpg" >[url='index.html']&raquo;Home[/url]</td>
</tr>
<tr>
<td  width="160"  background="images/back_button.jpg">[url='index.html']&raquo;Unsere Arbeiten[/url]</td>
</tr>
<tr>
<td   width="160"  background="images/back_button.jpg">[url='index.html']&raquo;&&Uuml;ber Uns[/url]</td>
</tr>
<tr>
<td   width="160"  background="images/back_button.jpg">[url='index.html']&raquo;Gallerie[/url]</td>
</tr>


<tr>
<td   width="160"  background="images/back_button.jpg">[url='index.html']&raquo;Kontakt[/url]</td>
</tr>
</table>
</td>
</tr></table>










</td>
<td  ></td>
<td  width="100%" valign="top" height="197" >


<table bgcolor="black" border="0" cellpadding="0" cellspacing="0"  width="100%" >
<tr>
<td valign="top"  height="100%"><table border="0" cellpadding="15" cellspacing="1"  width="100%">
<tr>
<td valign="top"  bgcolor="#89a9b8" height="390">


Hier steht der Inhalt ...


</td>
</tr>
</table></td>
</tr>
</table>


</td>
</tr>
</table>
</td>
</tr>
<tr>




<table bgcolor="black" border="0" cellpadding="0" cellspacing="0"  width="750" >
<tr>


<td><table border="0" cellpadding="2" cellspacing="1"  width="100%">
<tr>
<td width="100%" background="images/balken.jpg">[img]images/space_trans.gif[/img]</td>
</tr>
<tr>
<td  width="100%"     bgcolor="#BFFBCE" >
<table border="0" cellpadding="0" cellspacing="0"    width="100%">
<tr>
<td  style="font-size:8pt;" ></td><td></td>
</tr>
</table>
</td>
<tr>
<td width="100%" background="images/balken.jpg">[img]images/space_trans.gif[/img]</td>
</tr>
</tr>
</table></td>


</tr>
</table>
























</td>
<td>
</tr>


</table></div>


</body>
</html>

Alles anzeigen

Code

/* schriftstil,abstände */


body
{ color: black;  background-color: powderblue; font-family: verdana,arial; font-size: 10pt;}




table,tr,td
{margin-top: 0px; margin-left: 0px; margin-right: 0px; color: black ;font-family: verdana,arial; font-size: 10pt; }


/* scrolleiste internet explorer ab vers.5.5 */


body
{scrollbar-arrow-color: black; scrollbar-base-color: #BFFBCE;
scrollbar-highlight-color : #BFFBCE; scrollbar-shadow-color : black;
SCROLLBAR-TRACK-COLOR: #BFFBCE;}


/* menue links */




#menu1 a {display: block;        background-image:url(images/back_button.jpg); color:black; text-decoration:none ;font-family:verdana, sans-serif; font-size: 10pt;width:160px;
padding-left: 4px; padding-bottom: 4px;   padding-top: 4px;margin: 0px auto;border:solid 1px #BFFBCE;
}


#menu1 a:visited{ background-image:url(images/back_button.jpg);color:black;text-decoration:none;font-family:verdana, sans-serif; font-size: 10pt;width:160px;
padding-left: 4px; padding-bottom: 4px;   padding-top: 4px;margin: 0px auto;border:solid 1px #BFFBCE;
  }


#menu1 a:active{background-image:url(images/back_button.jpg); color:black;text-decoration:none;font-family:verdana, sans-serif; font-size: 10pt;width:160px;
padding-left: 4px; padding-bottom: 4px;   padding-top: 4px;margin: 0px auto;border:solid 1px #BFFBCE;
  }


#menu1 a:hover {background-color:powderblue;
background-image:url(images/back_button_b.jpg);
 color: black; text-decoration:none ;font-family:verdana, sans-serif; font-size: 10pt;width:160px;
padding-left: 4px; padding-bottom: 4px;   padding-top: 4px;margin: 0px auto;border:solid 1px #BFFBCE;


}




/* allgemeine links */


a:link{ color: black; text-decoration:underline; ;font-family: verdana; font-size: 10pt;border:solid 1px black;padding:1px }


a:visited{color: black;text-decoration:underline;font-family: verdana; font-size: 10pt;border:solid 1px #89a9b8;padding:1px }


a:active{ color:black;text-decoration:underline;font-family: verdana; font-size: 10pt;border:solid 1px #89a9b8;padding:1px  }


a:hover{ color: #808080;background-color:white;  text-decoration:none;font-family: verdana; font-size: 10pt;border:solid

Alles anzeigen

phore

benutz anstatt <div align="center"> <table align="center">
dann anstatt bgcolor: style="background-color: #FFFFF;" und anstatt "black" den hex. code.

input boxen formatiert man nicht mit size="" sondern mit css (wie alles andere auch halt). füg das in dein stylesheet ein:

Code

input
{
width: 100px;
height: 15px;
color: #FFFFFF;
}

lies mal noch: https://www.forum-hilfe.de/viewtopic.php?t=7407
so long - phore

thx

Tags