tabelle mittig zentrieren bei Browserskalierung

Dieses Thema im Forum "Web Page Design" wurde erstellt von eisman, 23.07.2006.

  1. eisman

    eisman Thread Starter MacUser Mitglied

    Beiträge:
    1.891
    Zustimmungen:
    55
    MacUser seit:
    22.01.2005
    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
     
    Zuletzt bearbeitet: 02.04.2007
  2. 2nd

    2nd MacUser Mitglied

    Beiträge:
    8.902
    Zustimmungen:
    242
    MacUser seit:
    25.07.2004
    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
     
  3. dermaier

    dermaier MacUser Mitglied

    Beiträge:
    417
    Zustimmungen:
    7
    MacUser seit:
    24.01.2006
    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>
     
  4. OFJ

    OFJ MacUser Mitglied

    Beiträge:
    9.075
    Zustimmungen:
    537
    MacUser seit:
    15.10.2004
    OT aber trotzdem, wie funktioniert denn das direkte einbinden von Graphiken in einen Thread?
     
  5. 2nd

    2nd MacUser Mitglied

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

    2nd
     
  6. eisman

    eisman Thread Starter MacUser Mitglied

    Beiträge:
    1.891
    Zustimmungen:
    55
    MacUser seit:
    22.01.2005
    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
     
  7. dermaier

    dermaier MacUser Mitglied

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

    Siehe hier!
     
  8. 2nd

    2nd MacUser Mitglied

    Beiträge:
    8.902
    Zustimmungen:
    242
    MacUser seit:
    25.07.2004
    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
     
  9. dermaier

    dermaier MacUser Mitglied

    Beiträge:
    417
    Zustimmungen:
    7
    MacUser seit:
    24.01.2006
    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... ;)
     
    Zuletzt bearbeitet: 23.07.2006
  10. eisman

    eisman Thread Starter MacUser Mitglied

    Beiträge:
    1.891
    Zustimmungen:
    55
    MacUser seit:
    22.01.2005
    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
     
    Zuletzt bearbeitet: 02.04.2007
Die Seite wird geladen...
Ähnliche Themen - tabelle mittig zentrieren
  1. Escorpio
    Antworten:
    0
    Aufrufe:
    162
  2. ben-pen
    Antworten:
    2
    Aufrufe:
    468
  3. obi
    Antworten:
    4
    Aufrufe:
    674
  4. Rockfreak
    Antworten:
    8
    Aufrufe:
    488
  5. tomasu
    Antworten:
    15
    Aufrufe:
    1.059

Diese Seite empfehlen