Problem mit Firefox :P

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

Autor dieses Themas

~~s******y~~

15:50, 26.8.2007

Normalerweise habt ihr ja Probleme mit dem IE... Ich habe Probleme mit Firefox :P Ich weiss nicht, was ich falsch mache, dass folgender Code im Firefox falsch angezeigt wird:

<html>
<head>
<title>Financecontrol</title>
<style type="text/css">
.border
{
border: 1px #a0a0a0 solid;
width: 100%;
}
.button a
{
font-family: arial;
color: #303030;
background: #e0e0e0;
border-top: 1px #f0f0f0 solid;
border-left: 1px #f0f0f0 solid;
border-right: 1px #a0a0a0 solid;
width: 150px;
padding: 5px;
}
.border a:hover
{
background: #e5e5e5;
}
.fill
{
background: #e0e0e0;
border-top: 1px #f0f0f0 solid;
border-left: 1px #f0f0f0 solid;
}
</style>
</head>
<body>
<table class="border" cellpadding="0" cellspacing="0">
 <tr>
  <td class="button" width="150">
   <a href="test">Test</a>
  </td>
  <td class="button" width="150">
   <a href="test">Test</a>
  </td>
  <td class="button" width="150">
   <a href="test">Test</a>
  </td>
  <td class="fill">
   &nbsp;
  </td>
 </tr>
</table>
</body>
</html>

Am besten öffnet ihr den Code im IE und dann im Firefox. So wie er im IE angezeigt wird sollte er auch im Firefox erscheinen.
Schon jetzt vielen Dank für eure Mühe

Hinweis: IE = Internet Explorer (Ich habe Version 7 installiert)

Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

tct

tct hat kostenlosen Webspace.

16:00, 26.8.2007

Ändere die Styledifinition mal so ab:

.border 
{ 
border: 1px #a0a0a0 solid; 
width: 100%; 
} 
.button a 
{ 
font-family: arial; 
color: #303030; 
background: #e0e0e0; 
border-top: 1px #f0f0f0 solid; 
border-left: 1px #f0f0f0 solid; 
border-right: 1px #a0a0a0 solid; 
width: 150px; 
padding: 5px; 
display: block;
} 
.button a:hover 
{ 
background: #e5e5e5; 
} 
.fill 
{ 
background: #e0e0e0; 
border-top: 1px #f0f0f0 solid; 
border-left: 1px #f0f0f0 solid; 
}

Zumindest im Opera (und nur damit hab ich schnell getestet) sieht es dann gut aus und sicherlich so wie du es haben willst.

pagerank

pagerank hat kostenlosen Webspace.

16:05, 26.8.2007
habe keinen großen plan davon, aber wenn ich zb

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

drüber setzte, dann zeigt er es im IE so an wie es derzeit im FF aussieht. da du es aber andersherum willst, suchste du dir die richtige zeile raus oder arbeitest mit dem jetzigen style weiter da er es ja bei beiden browsern gleich verarbeitet
Autor dieses Themas
~~s******y~~

16:07, 26.8.2007
Tatsächlich! Es funktioniert! Vielen Dank, denn du hast gerade meine !!!wochenlange!!! Suche im Internet/Foren nach der Lösung beendet!
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

kostenloser Webspace werbefrei: lima-city