tabelle mittig zentrieren bei Browserskalierung

  1. eisman

    eisman Thread Starter MacUser Mitglied

    Mitglied seit:
    22.01.2005
    Beiträge:
    1.902
    Zustimmungen:
    56
    erst mal ein schwitzigen Sonntag allerseits. wie bekomme ich wenn ich das Browserfenster skaliere die Tabelle zentiert. Das heist oben und links vergrößert od.verkleinert sich der Abstand. Habe zwar ein Cssbefehl gefunden aber der ist mit einem Layer. Ich könnte ja auch diese Tabelle in den Layer einbetten, aber ich denke das muss doch auch nur mit einer Tabelle gehen oder?
    HTML:
    <html> <head> 
    <title>********</title>  
    </head> <body> 
    <table width="400" 
    height="300"  border="0" 
    align="center" 
    cellpadding="0"  cellspacing="0" 
    bgcolor="#FF0000"><tr>
    <th scope="row">&nbsp;</th></tr> 
    </table> </body> </html>
    edith. bitte verschiebt mich mal in den Webeditorabteilung
    eisman
     
    eisman, 23.07.2006
    #1
  2. 2nd

    2nd MacUser Mitglied

    Mitglied seit:
    25.07.2004
    Beiträge:
    8.901
    Zustimmungen:
    242
    Mit blankem HTML wird es schwierig, da das Attribut HEIGHT für Tabellen z. B. nicht in der Spezifikation enthalten ist, dieser aber notwendig ist.

    Was spricht gegen die DIV-Layer Variante?

    2nd
     
    2nd, 23.07.2006
    #2
  3. dermaier

    dermaier MacUser Mitglied

    Mitglied seit:
    24.01.2006
    Beiträge:
    417
    Zustimmungen:
    7
    Kein Problem...

    Verschachtelung ist hier das Stichwort!

    <table width="100%" style="height:100%;">
    <tr>
    <td width="100%" height="100%" align="center" valign="middle">
    <table width="300" style="height:400px;">
    <tr>
    <td> DEIN CONTENT </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
     
    dermaier, 23.07.2006
    #3
  4. OFJ

    OFJ MacUser Mitglied

    Mitglied seit:
    15.10.2004
    Beiträge:
    9.119
    Zustimmungen:
    539
    OT aber trotzdem, wie funktioniert denn das direkte einbinden von Graphiken in einen Thread?
     
    OFJ, 23.07.2006
    #4
  5. 2nd

    2nd MacUser Mitglied

    Mitglied seit:
    25.07.2004
    Beiträge:
    8.901
    Zustimmungen:
    242
    Damit bleibt der Inhalt vertikal aber immer an derselben Stelle, er möchte gerne eine vertikale und horizontale Zentrierung.

    2nd
     
    2nd, 23.07.2006
    #5
  6. eisman

    eisman Thread Starter MacUser Mitglied

    Mitglied seit:
    22.01.2005
    Beiträge:
    1.902
    Zustimmungen:
    56
    hey, habe die Tabelle in den Layer eingebettet,und wenn man das Fenster kleiner skaliert springt der Rahmen. http://www.foto-et-grafik.de Und wenn ich auf deine "Orchesterseite" gehe ist da eine sanfte Verschiebung eisman
     
    eisman, 23.07.2006
    #6
  7. dermaier

    dermaier MacUser Mitglied

    Mitglied seit:
    24.01.2006
    Beiträge:
    417
    Zustimmungen:
    7
    QUATSCH!

    Siehe hier!
     
    dermaier, 23.07.2006
    #7
  8. 2nd

    2nd MacUser Mitglied

    Mitglied seit:
    25.07.2004
    Beiträge:
    8.901
    Zustimmungen:
    242
    Ja, dann musst Du schon das richtige Markup posten:

    PHP:
    <table width="100%" style="height:100%;"
    <
    tr
    <
    td width="100%" height="100%" align="center" valign="middle"
    <
    table width="300" style="height:400px;"
    <
    tr
    <
    td valign="middle" align="center"DEIN CONTENT </td
    </
    tr
    </
    table
    </
    td
    </
    tr
    </
    table>
    Oben fehlt in Posting Nr. 3 der Contentzelle <td _valign="middle" align="center"> DEIN CONTENT </td>

    2nd
     
    2nd, 23.07.2006
    #8
  9. dermaier

    dermaier MacUser Mitglied

    Mitglied seit:
    24.01.2006
    Beiträge:
    417
    Zustimmungen:
    7
    Das ist nur weil die Tabelle 300 breit und 400 hoch ist.

    Ausschliesslich "DEIN CONTENT" würde etwas weiter links stehen.
    Du kannst die Tabelle ja einfärben, dann ist ein schwarzes Viereck zentriert, ganz ohne center und middle in der Content-Table.

    Nachtrag:
    habs im obigen Beispiel mal gemacht -> Nun ist das Viereck zentriert... ;)
     
    dermaier, 23.07.2006
    #9
  10. eisman

    eisman Thread Starter MacUser Mitglied

    Mitglied seit:
    22.01.2005
    Beiträge:
    1.902
    Zustimmungen:
    56
    also ich habe mal die Tabellen eingefärbt. und jetzt sieht man das bei einer Verkleinerung des Browsers die rote Zelle nicht bündig ist. Das heißt sie schließt nicht an der oberen wie seitlichen Kante des Browsers ab
    PHP:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <
    html>
    <
    head>
    <
    title>**********</title>
    <
    body>
    <
    table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FF0000" style="height:100%;">
    <
    tr>
    <
    td width="100%" height="100%" align="center" valign="middle">
    <
    table width="300" border="0" cellpadding="0" cellspacing="0" bgcolor="#0000FF" style="height:400px;">
    <
    tr>
    <
    td valign="middle" align="center"DEIN CONTENT </td>
    </
    tr>
    </
    table>
    </
    td>
    </
    tr>
    </
    table>
    </
    body>
    </
    html>
    eisman
     
    eisman, 23.07.2006
    #10
Die Seite wird geladen...
Ähnliche Themen - tabelle mittig zentrieren
  1. Escorpio
    Antworten:
    0
    Aufrufe:
    213
    Escorpio
    20.07.2015
  2. Theo2459
    Antworten:
    4
    Aufrufe:
    1.440
    Theo2459
    27.03.2013
  3. hightime-fan
    Antworten:
    0
    Aufrufe:
    2.287
    hightime-fan
    29.11.2010
  4. ben-pen
    Antworten:
    2
    Aufrufe:
    498
    scope
    13.10.2010
  5. Master of Chaos
    Antworten:
    9
    Aufrufe:
    759
    ThaHammer
    11.05.2005