Ich habe kein bock mehr dass meine Tabellen im IE und anderen browsern so scheiße anders ausehen.
man hat mir gesagt das ginge mit css besser.
bloß ka wie. kann mir pls wer helfen.
hier die quelltexte:
html:
HTML
<html>
<head>
<title>Pronova GmbH</title>
<link rel="stylesheet" type="text/css" href="format.css" >
<script src="java2.js" type="text/javascript"></script>
<script src="java.js" type="text/javascript"></script>
</head>
<body onload="JSCTimeOutID = window.setTimeout('setMessage()',500);">
<table align="center" border="0" cellpadding="0" cellspacing="3" width="760">
<tr>
<td>
<table bgcolor="black" border="0" cellpadding="0" cellspacing="0" width="760" >
<tr>
<td ><table border="0" cellpadding="2" cellspacing="1" width="852">
<tr>
<td height="25" background="images/balken.jpg" bgcolor="#C0C0C0" ></td>
</tr>
<tr>
<td bgcolor="#C0C0C0" height="62">[img]images/[/img]</td>
</tr>
<tr>
<td height="25" background="images/balken.jpg" bgcolor="#C0C0C0">
<table border="0" cellpadding="0" cellspacing="0" width="100%" >
<tr>
<td align="right" width="100%"></td><td ></td><td valign="top" ></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="#FFFFFF" width="160" height=20 style="padding:4px" background="images/balken.jpg" >Menü</td>
</tr>
<tr>
<td width="160">[url='index.html']»Home[/url]</td>
</tr>
<tr>
<td width="160">[url='arbeit.html']»Unsere Arbeiten[/url]</td>
</tr>
<tr>
<td width="160">[url='haus.html']»Haustypen[/url]</td>
</tr>
<tr>
<td width="160">[url='uns.html']Ȇber Uns[/url]</td>
</tr>
<tr>
<td width="160">[url='contact.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="680" >
<tr>
<td valign="top" height="100%"><table border="0" cellpadding="15" cellspacing="1" width="680">
<tr>
<td valign="top" bgcolor="white" height="390">
<div align="center"><font size="+1">Willkommen auf der Seite der Pronova GmbH </font></div>
</td>
</tr>
</table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<table align="center" 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="#C0C0C0" >
<table align="left" border="0" cellpadding="0" cellspacing="0" width="849">
<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
css:
Code
body
{
color: #000000;
background-color: #C0C0C0;
; font-family: verdana,arial;
font-size: 10pt;
}
table,tr,td
{margin-top: 0px; margin-left: 0px; margin-right: 0px; color: #000000;font-family: verdana,arial; font-size: 10pt; }
/* scrolleiste internet explorer ab vers.5.5 */
/* 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;
background-color: #C0C0C0;}
#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;
background-color: #C0C0C0;
}
#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;
background-color: #C0C0C0;}
#menu1 a:hover {
background-color: #C0C0C0;
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;
background-image: url(images/back_button_b.jpg);
}
/* allgemeine links */
a:link{ color: black; text-decoration:underline; ;font-family: verdana; font-size: 10pt;padding:1px }
a:visited{color: black;text-decoration:underline;font-family: verdana; font-size: 10pt;padding:1px }
a:active{ color:black;text-decoration:underline;font-family: verdana; font-size: 10pt;padding:1px }
a:hover{ color: #808080;background-color:white; text-decoration:none;font-family: verdana; font-size: 10pt;padding:1px }
input
{
width: 100px;
height: 25px;
color: black;
}
h5
{
font-weight: bold;
}
Alles anzeigen