Skaos: Tabelle Firefox

Beitrag lesen

SELF-Forum

Tabelle Firefox

Skaos
– Informationen zu den Bewertungsregeln

hallo
ich bin recht neu im dem Bereich Html und verusche mit einem Freund eine HP mit CSS zu schreiben
So nun habe ich eine Tabelle gemacht und dies positioniert mit hilfe von css
nur leider funktioniert des in firefox nicht er positioniert die überschriften richtig aber die Tabellen können nicht richtig positioniert werden
hier mal der Qullecote

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<title></title>  
<meta name="author" content="Benjamin">  
<meta name="editor" content="html-editor phase 5">  
</head>  
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000" background="Kessel2.jpg">  
<style type="text/css">  
  
p.weinschrift  
      {  
        font-style: italic;  
        font-weight: bold;  
        font-size:21pt;  
        text-align:center;  
        color:black;  
        width:800px;  
        height:300px;  
        /* fuer horizontale und vertikale zentrierung */  
        position: absolute;  
        left:50%;  
        margin-left:-870px;  /* Um die Hälfte der Breite nach links schieben */  
        top:50%;  
        margin-top:-220px;  /* Um die Hälfte der Höhe nach oben schieben */  
      }  
      p.wein  
      {  
        font-style: italic;  
        font-size:14pt;  
        text-align:left;  
        font-weight: bold;  
        color:black;  
        width:800px;  
        height:300px;  
        /* fuer horizontale und vertikale zentrierung */  
        position: absolute;  
        left:50%;  
        margin-left:-600px;  /* Um die Hälfte der Breite nach links schieben */  
        top:50%;  
        margin-top:-180px;  /* Um die Hälfte der Höhe nach oben schieben */  
      }  
  
  
      p.sektschrift  
      {  
        font-style: italic;  
        font-weight: bold;  
        font-size:21pt;  
        text-align:center;  
        color:black;  
        width:800px;  
        height:300px;  
        /* fuer horizontale und vertikale zentrierung */  
        position: absolute;  
        left:50%;  
        margin-left:-320px;  /* Um die Hälfte der Breite nach links schieben */  
        top:50%;  
        margin-top:-220px;  /* Um die Hälfte der Höhe nach oben schieben */  
      }  
  
      p.sekt  
      {  
        font-style: italic;  
        font-size:14pt;  
        text-align:left;  
        font-weight: bold;  
        color:black;  
        width:800px;  
        height:300px;  
        /* fuer horizontale und vertikale zentrierung */  
        position: absolute;  
        left:50%;  
        margin-left:00px;  /* Um die Hälfte der Breite nach links schieben */  
        top:50%;  
        margin-top:-180px;  /* Um die Hälfte der Höhe nach oben schieben */  
        }  
</Style>  
<p class=sektschrift>  
          Sekt  
 </p>  
 <p class=sekt>  
  
 <table width="50%" border="0" cellpadding="0" cellspacing="0">  
  <tr>  
   <td>Flasche Hausmarke</td>  
   <td>0,7 l</td>  
   <td>€ 15,00</td>  
  </tr>  
  <tr>  
   <td>Flasche Asti</td>  
   <td>0,7 l</td>  
   <td>€ 15,00</td>  
  </tr>  
  <tr>  
   <td>Piccolo</td>  
   <td>0,2 l</td>  
   <td>€ 4,50</td>  
  </tr>  
 </table>  
 </p>  
<p class=weinschrift>  
Weine  
</p>  
<p class=wein>  
  
<table width="50%" border="0" cellpadding="0" cellspacing="0">  
 <tr>  
  <td>Müller Thurgau</td>  
  <td>0,2 l</td>  
  <td>€ 2,10</td>  
 </tr>  
 <tr>  
  <td>Weißherbst</td>  
  <td>0,2 l</td>  
  <td>€ 2,80</td>  
 </tr>  
 <tr>  
  <td>Betschgräbler</td>  
  <td>0,2 l</td>  
  <td>€ 2,80</td>  
 </tr>  
 <tr>  
  <td>Müller Thurgau Schorle</td>  
  <td>0,2 l</td>  
  <td>€ 1,90</td>  
 </tr>  
 <tr>  
  <td>Weißherbstschorle</td>  
  <td>0,2 l</td>  
  <td>€ 2,10</td>  
 </tr>  
 <tr>  
  <td>Betschgräbler Schorle</td>  
  <td>0,2 l</td>  
  <td>€ 2,10</td>  
 </tr>  
 <tr>  
  <td>Dornfelder Rot</td>  
  <td>0,2 l</td>  
  <td>€ 2,80</td>  
 </tr>  
 <tr>  
  <td>Dornfelder Rot Schorle</td>  
  <td>0,2 l</td>  
  <td>€ 2,10</td>  
 </tr>  
</table>  
  
</p>  
</body>  
</html>

wäre net wenn mir einer tips geben könnte oder mir helfen kann
bringe mir gerade alles selber bei deshalb bin ich auf hilfe angewiesen
danke schon mal

Beitrag melden
–
Informationen zu den Bewertungsregeln