Ergebnis 1 bis 2 von 2

Thema: Tabelle in der Mitte und vertikal ausgedehnt...

  1. #1
    Ishildur
    Gast

    Standard Tabelle in der Mitte und vertikal ausgedehnt...

    Hallo zusammen
    Ich habe folgende Situation: Ich brauche eine Tabelle mit einer festen Breite, welche vertikal voll ausgedehnt ist. Die Tabelle soll sich in der Mitte des Browserfensters ausrichten:

    Hier der Code, laut W3C:

    HTML Code:
    <?php echo "<?xml version=\"1.0\" encoding=\"UTF-8\" ?>\n"; ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>Resarch</title>
    <style stype="text/css">
    body{
    margin:0px;
    padding:0px;
    }

    table#tbl_lay{
    background-color:blue;
    width:300px;
    height:100%;
    margin:0 auto 0 auto;
    }
    </style>
    </head>
    </style>
    <body>
    <table id="tbl_lay">
    <tr><td>sdf</td></tr>
    </table>
    </body>
    </html>
    HTML Code:
    <?php echo "<?xml version=\"1.0\" encoding=\"UTF-8\" ?>\n"; ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>Resarch</title>
    <style stype="text/css">
    body{
    margin:0px;
    padding:0px;
    }

    table#tbl_lay{
    background-color:blue;
    width:300px;
    height:100%;
    margin:0 auto 0 auto;
    }
    </style>
    </head>
    </style>
    <body>
    <table id="tbl_lay">
    <tr><td>sdf</td></tr>
    </table>
    </body>
    </html>
    HTML Code:
    <?php echo "<?xml version=\"1.0\" encoding=\"UTF-8\" ?>\n"; ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>Resarch</title>
    <style stype="text/css">
    body{
    margin:0px;
    padding:0px;
    }

    table#tbl_lay{
    background-color:blue;
    width:300px;
    height:100%;
    margin:0 auto 0 auto;
    }
    </style>
    </head>
    </style>
    <body>
    <table id="tbl_lay">
    <tr><td>sdf</td></tr>
    </table>
    </body>
    </html>


    Doch was sehen meine verwirrten Augen:
    Unter Firefox, Safarie sowie Opera hat das "height:100%" überhaupt keinen Effekt, die Tabelle wird vertikal nicht ausgedehnt. Laut Selfhtml unterstützen diese Browser jene Eigenschaft jedoch!

    Der Internet Explorer ignoriert das "margin:0 auto 0 auto" Die Tabelle ist links ausgerichtet statt in der Mitte!
    Glücklicherweise kann ich dies mit einem Hack ("body style="text-align:center") wieder ausbügeln, doch das Problem der vertikalen Ausdehnung bleibt: Das gibts doch gar nicht:

    width:100% funktioniert einwandfrei
    height:100% funktioniert nur beim Internet Explorer

    Was soll denn das?

    Gruss Ishildur
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Shogun Avatar von DarkSyranus
    Registriert seit
    28.03.2006
    Ort
    ::1/128
    Alter
    25
    Beiträge
    3.446
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard

    Hi
    Kanns daran liegen, dass du
    <style stype="text/css">
    geschrieben hast und nicht
    <style type="text/css">

    wenn nicht benutz

    Code:
    <table id="tbl_lay" width="300px" height="100%">
    Nur so mal am Rande, war vertikal nicht links und rechts?

    Mfg. L.L.

Ähnliche Themen

  1. Tabelle in die Mitte
    Von JJAANN im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 15.01.2008, 18:57
  2. Tabelle im Browser vertikal zentrieren
    Von Heiko im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 02.07.2006, 12:45
  3. Tabelle horizontal und vertikal in die Mitte?
    Von im Forum HTML & CSS Forum
    Antworten: 18
    Letzter Beitrag: 15.10.2005, 21:54
  4. Tabelle vertikal zentrieren
    Von step5 im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 13.09.2005, 15:54
  5. was ist falsch? (Tabelle vertikal zentrieren)
    Von donald im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 11.04.2004, 12:59

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •