Benutzerdefinierte Suche

Tabelle innerhalb von Browserfenster ausrichten

  1. chrigu

    chrigu Thread StarterMacUser Mitglied

    Mitglied seit:
    08.03.2004
    Beiträge:
    155
    Zustimmungen:
    0
    Mir fällt irgendwie gerade keine Idee mehr ein…

    Ich möchte eine Tabelle innerhalb eines Browserfensters ausrichten und zwar, dass sie horizontal immer in der Mitte und vertikal 60 Pixel von oben positioniert ist. Gerne würde ich das mit CSS lösen, die vertikale Position ist auch kein Problem, doch horizontal kann ich die Tabelle nicht mittig ausrichten.

    Habe folgendes probiert:
    HTML:
    <div style="position:absolute; top:60px; left:50%;">
    <table>
    </table>
    </div>
    Leider wird die Tabelle nicht horizontal zentriert, sondern fängt erst in der Mitte an.

    Habe auch versucht das Ganze in einer Tabelle zu positionieren:

    HTML:
    <table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">
        <tr>
            <td height="60">
            </td>
            <td height="60" width="423">
            </td>
            <td height="60">
            </td>
        </tr>
        <tr>
            <td>
            </td>
            <td width="423" valign="top">MEINE TABELLE
            </td>
            <td>
            </td>
        </tr>
    </table>
    
    Doch leider wird dies nur von Safari richtig interpretiert, alle anderen Browser zeigen es nur richtig, wenn ich den Tabellen einen border="1" Rand gebe, was ich allerdings nicht verstehe.

    Wer kann mir eine Lösung in CSS geben?
     
    chrigu, 15.09.2004
  2. [TB]Lucky

    [TB]LuckyMacUser Mitglied

    Mitglied seit:
    17.11.2003
    Beiträge:
    769
    Zustimmungen:
    0
    Schau dir mal top-margin und left-margin an. :)

    - björn
     
    [TB]Lucky, 15.09.2004
  3. chrigu

    chrigu Thread StarterMacUser Mitglied

    Mitglied seit:
    08.03.2004
    Beiträge:
    155
    Zustimmungen:
    0
    Ok, ich habs folgendermassen gelöst:

    HTML:
    <div style="margin-top:60px;">
    <table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">
        <tr>
            <td align="center" valign="top">INHALT
            </td>
        </tr>
    </table>
    </div>
    
     
    chrigu, 15.09.2004
  4. maceis

    maceisMacUser Mitglied

    Mitglied seit:
    24.09.2003
    Beiträge:
    16.696
    Zustimmungen:
    602
    warum nicht <table align=center>?
    Scheint mir irgendwie logischer und funktioniert auch, wenn die Zeile mehr als eine Zelle hat.
    [edit]
    btw:
    mit <table vspace=60> kann man den Abstand oben und unten mit 60px festlegen.
    Hier ist vermutlich die CSS Lösung besser.
    [/edit]
     
    maceis, 15.09.2004
  5. michanismus

    michanismusMacUser Mitglied

    Mitglied seit:
    23.08.2004
    Beiträge:
    434
    Zustimmungen:
    0
    die lösung mittels css sieht so aus:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>
    	<style type="text/css" media="screen, tv, projection">
    	#container
    		{
    			position: relative;
    	 		margin: 60px auto;
    	 		width: 200px;
    		}
    	/* be nice to opera :) */
    	html>body #container
    		{
    	  		width: 200px;
    	}
    	</style>
    	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    </head>
    <body>
    
    <div id="container">
    	<table>
    	<tr>
    		<td>sollte mittig sein :)</td>
    	</tr>
    	</table>
    </div>
    
    </body>
    </html>
    gruss michi
     
    michanismus, 15.09.2004
  6. maceis

    maceisMacUser Mitglied

    Mitglied seit:
    24.09.2003
    Beiträge:
    16.696
    Zustimmungen:
    602
    IE ist nicht CSS konform
     
    maceis, 15.09.2004
  7. michanismus

    michanismusMacUser Mitglied

    Mitglied seit:
    23.08.2004
    Beiträge:
    434
    Zustimmungen:
    0
    hi, hab gerade nochmal mein post geändert! jetzt funktionierts auch mit dem IE :)

    mfg
     
    michanismus, 15.09.2004
Die Seite wird geladen...
Ähnliche Themen - Tabelle innerhalb Browserfenster
  1. Escorpio
    Antworten:
    0
    Aufrufe:
    215
    Escorpio
    20.07.2015
  2. Theo2459
    Antworten:
    4
    Aufrufe:
    1.442
    Theo2459
    27.03.2013
  3. hightime-fan
    Antworten:
    0
    Aufrufe:
    2.287
    hightime-fan
    29.11.2010
  4. ben-pen
    Antworten:
    2
    Aufrufe:
    498
  5. MariaWiegandt
    Antworten:
    2
    Aufrufe:
    559
    MariaWiegandt
    08.04.2009