Konrad Rudolph: Tabelle in die Mitte

Beitrag lesen

Ihr KonRad und Badman, schreibt, dass es bei euch klappt. Darf ich fragen, welchen Browser ihr verwendet?

Moz:FiBi 0.7, aber im MSIE geht es auch.

Allerdings verwende ich folgende leicht vereinfachte Version:

\\ <?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-GB">
    <head>
        <title>Test</title>

<style type="text/css">
            div
            {
                border: 1px solid;
                border: none;
            }

.clearer
            {
                border: none;
                clear: both;
                height: 1px;
                visible: hidden;
            }

#left
            {
                float: left;
                width : 15%;
            }

#centre
            {
                float: left;
                width: 70%
            }

#centre table
            {
                border: 1px solid;
                width: 100%;
            }

#right
            {
                float: right;
                width: 15%;
            }
        </style>
    </head>

<body>
        <h1>Test</h1>
        <div id="top">
            Top top top top top top top top top top top top top top top top
        </div>
        <div id="left">
            Left left left left left left left left left left left left left
        </div>
        <div id="centre">
            Centre centre centre centre centre centre centre centre centre
            <table>
                <tbody>
                    <tr>
                        <td>foo</td>
                        <td>bar</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div id="right">
            Right right right right right right right right right right right
        </div>
        <div class="clearer"> </div>
        <div id="bottom">
            Bottom bottom bottom bottom bottom bottom bottom bottom bottom
        </div>
    </body>
</html>
///

sieht besch*ssen aus, klappt aber und kann durch fesches CSS ja angepaßt werden.

Gruß,
KonRad -

--
"Was Gott zusammengeführt hat ..." :: polithink.org -
the politicultural e-zine :: http://www.polithink.org