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ü</td>
</tr>
<tr>
<td width="160" background="images/back_button.jpg" >[url='index.html']»Home[/url]</td>
</tr>
<tr>
<td width="160" background="images/back_button.jpg">[url='index.html']»Unsere Arbeiten[/url]</td>
</tr>
<tr>
<td width="160" background="images/back_button.jpg">[url='index.html']»&Über Uns[/url]</td>
</tr>
<tr>
<td width="160" background="images/back_button.jpg">[url='index.html']»Gallerie[/url]</td>
</tr>
<tr>
<td width="160" background="images/back_button.jpg">[url='index.html']»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