Anzeige:
Seite 2 von 2 ErsteErste 12
Ergebnis 16 bis 20 von 20

Thema: div (XHTML + CSS)

  1. #16
    Registrierter Benutzer Avatar von panzi
    Registriert seit
    05.05.2001
    Ort
    Kottingbrunn
    Beiträge
    609
    Original geschrieben von torben1
    nabend,

    ic hhatte das prob auch schon öfter, leider.
    es giebt keine einfache lösung für das problem, die die ich immer benutze, funst mit ie und ne (ab 6) , aber leider nicht mit opera.
    <table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">
    <tr>
    <td>
    <div class="egal"></div>
    </td>
    </tr>
    </table>

    is zwar nicht schön aber funst halt.


    mfg


    torben
    Die Bestrebungen des W3C bezüglich HTML gehen dahin Inhalt und Formatierungen zu trennen. Deswegen gibt's das Attribute height bei Tabellen nciht, und width ist denk ich deprecated. Man sollte leiber css verwenden. Und sowieso Hilft diese Lösung glaub ich net immer, da der body standardm. nicht 100% ist (nur so groß er sein muss) und man sollt ihn auch strecken. Siehe:
    Code:
    <?xml version="1.0" encoding="iso-8859-1"?>
    <!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">
       <head>
          <title>TITEL</title>
          <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
          <style type="text/css">
    body, html {
       width:  100%;
       height: 100%;
       margin:   0px;
       padding:  0px;
       text-align: center;
    }
    
    table.center_parent {
       width: 100%;
       height: 100%;
       border:   0px;
       margin:   0px;
       padding:  0px;
       text-align: center;
       background-color: #FBC8BF;
       vertical-align: middle;
    }
    
    div.center_text {
       width: 90ex;
       margin: auto;
       text-align: left;
       background-color: #BFC8FB;
       vertical-align: middle;
    }
          </style>
       </head>
       <body>
          <table class="center_parent" cellpadding="0" cellspacing="0">
             <tr>
                <td>
                   <div class="center_text">text text text text<br />text text text text<br />text text text text</div>
                </td>
             </tr>
          </table>
       </body>
    </html>

    Jedoch ist diese Lösung eben semandisch auch falsch, da es hier nicht um ne Tabelle im eigentlichen Sinn geht, sondern nur um ne Formatierung, wozu man besser div verweden sollt. Aber mit ner siv hab ich's auch net zambracht, vieleicht findet noch wer was im Netzt, wär cool...
    Intel Core 2 Duo CPU 2.66GHz; Nvidia GeForce 8 8800 GTS; 4GB RAM; Fedora 12; KDE-testing

  2. #17
    Registrierter Benutzer
    Registriert seit
    15.09.2003
    Ort
    Stromberg & Mannheim
    Beiträge
    9
    nee, width für tables is vollkommen ok, siehe http://www.w3.org/TR/xhtml-modulariz...#s_tablemodule

    aber danke für den tipp, so gehts endlich
    das text-align in html,body,table kannste übrigens weglassen.
    - simple leet logic

  3. #18
    Registrierter Benutzer Avatar von panzi
    Registriert seit
    05.05.2001
    Ort
    Kottingbrunn
    Beiträge
    609
    Original geschrieben von SeXy~Sas
    nee, width für tables is vollkommen ok, siehe http://www.w3.org/TR/xhtml-modulariz...#s_tablemodule

    aber danke für den tipp, so gehts endlich
    das text-align in html,body,table kannste übrigens weglassen.
    ja width, aber nicht height. und darum gehts hier, da vertical zentrieren.
    Intel Core 2 Duo CPU 2.66GHz; Nvidia GeForce 8 8800 GTS; 4GB RAM; Fedora 12; KDE-testing

  4. #19
    Registrierter Benutzer
    Registriert seit
    15.09.2003
    Ort
    Stromberg & Mannheim
    Beiträge
    9
    das war auf "[...] und width ist denk ich deprecated." bezogen.
    - simple leet logic

  5. #20
    Registrierter Benutzer Avatar von panzi
    Registriert seit
    05.05.2001
    Ort
    Kottingbrunn
    Beiträge
    609
    Original geschrieben von SeXy~Sas
    das war auf "[...] und width ist denk ich deprecated." bezogen.
    hups. dann eben nur heigth (ist deprecated).
    Intel Core 2 Duo CPU 2.66GHz; Nvidia GeForce 8 8800 GTS; 4GB RAM; Fedora 12; KDE-testing

Lesezeichen

Berechtigungen

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