Ergebnis 1 bis 6 von 6
  1. #1
    XFlorian ist offline Foren As
    registriert
    11-08-2006
    Ort
    Nürnberg
    Beiträge
    95

    <table> an Auflösung anpassen

    Hallo zusamen,

    ich habe eine Tabelle, die ich an die jeweilige Auflösung des Users anpassen möchte - dabei ist zu beachten, dass ich 5 Spalten habe dessen Breite fix sein soll (egal in welcher Auflösung) und nur die 6.Spalte soll entsprechend der Auflösung modifiziert werden.

    Wie kann ich so etwas berwerkstelligen?

  2. #2
    Avatar von Arcsinh
    Arcsinh ist offline Kaiser
    registriert
    03-06-2010
    Beiträge
    1.392

    AW: <table> an Auflösung anpassen

    Mit prozentualen Werten schon probiert?
    Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Goethe)

  3. #3
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

  4. #4
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.695

    AW: <table> an Auflösung anpassen

    Code:
    <!DOCTYPE html>
    
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>Fenstertitel</title>
    <style type="text/css">
    	.fullWidthTable {
    		table-layout: fixed;
    		width: 100%;
    		border: 1px solid red;
    	}
    	td {
    		border: 1px solid blue;
    	}
    	.c1 {width: 101px;}
    	.c2 {width: 102px;}
    	.c3 {width: 103px;}
    	.c4 {width: 104px;}
    	.c5 {width: 105px;}
    	.c6 {}
    </style>
    </head>
    <body>
    <table class="fullWidthTable">
    	<thead>
    		<tr>
    			<th class="c1">Spalte 1</th>
    			<th class="c2">Spalte 2</th>
    			<th class="c3">Spalte 3</th>
    			<th class="c4">Spalte 4</th>
    			<th class="c5">Spalte 5</th>
    			<th class="c6">Spalte 6</th>
    		</tr>
    	</thead>
    	<tr>
    		<td>1</td>
    		<td>2</td>
    		<td>3</td>
    		<td>4</td>
    		<td>5</td>
    		<td>6</td>
    	</tr>
    	<tr>
    		<td>1</td>
    		<td>2</td>
    		<td>3</td>
    		<td>4</td>
    		<td>5</td>
    		<td>6</td>
    	</tr>
    	<tr>
    		<td>1</td>
    		<td>2</td>
    		<td>3</td>
    		<td>4</td>
    		<td>5</td>
    		<td>6</td>
    	</tr>
    	<tr>
    		<td>1</td>
    		<td>2</td>
    		<td>3</td>
    		<td>4</td>
    		<td>5</td>
    		<td>6</td>
    	</tr>
    </table>
    </body>
    </html>

  5. #5
    XFlorian ist offline Foren As
    registriert
    11-08-2006
    Ort
    Nürnberg
    Beiträge
    95

    AW: <table> an Auflösung anpassen

    Zitat Zitat von kkapsner Beitrag anzeigen
    Code:
    <!DOCTYPE html>
    
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>Fenstertitel</title>
    <style type="text/css">
    	.fullWidthTable {
    		table-layout: fixed;
    		width: 100%;
    		border: 1px solid red;
    	}
    	td {
    		border: 1px solid blue;
    	}
    	.c1 {width: 101px;}
    	.c2 {width: 102px;}
    	.c3 {width: 103px;}
    	.c4 {width: 104px;}
    	.c5 {width: 105px;}
    	.c6 {}
    </style>
    </head>
    <body>
    <table class="fullWidthTable">
    	<thead>
    		<tr>
    			<th class="c1">Spalte 1</th>
    			<th class="c2">Spalte 2</th>
    			<th class="c3">Spalte 3</th>
    			<th class="c4">Spalte 4</th>
    			<th class="c5">Spalte 5</th>
    			<th class="c6">Spalte 6</th>
    		</tr>
    	</thead>
    	<tr>
    		<td>1</td>
    		<td>2</td>
    		<td>3</td>
    		<td>4</td>
    		<td>5</td>
    		<td>6</td>
    	</tr>
    	<tr>
    		<td>1</td>
    		<td>2</td>
    		<td>3</td>
    		<td>4</td>
    		<td>5</td>
    		<td>6</td>
    	</tr>
    	<tr>
    		<td>1</td>
    		<td>2</td>
    		<td>3</td>
    		<td>4</td>
    		<td>5</td>
    		<td>6</td>
    	</tr>
    	<tr>
    		<td>1</td>
    		<td>2</td>
    		<td>3</td>
    		<td>4</td>
    		<td>5</td>
    		<td>6</td>
    	</tr>
    </table>
    </body>
    </html>
    Danke das klappt wunderbar. Kannst du mir noch erklären, warum du c1-c5 erhöhst im width tag?

  6. #6
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.695

    AW: <table> an Auflösung anpassen

    ? Welches width-tag? Sowas gibt es nicht.

    Wenn du das width-Attribut im CSS meinst: wollte einfach nur verschiedene Breiten in den Spalten haben...

Ähnliche Themen

  1. Table an Browserfenster anpassen
    Von mitti im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 18-10-2005, 18:15
  2. Bild an Auflösung anpassen
    Von Powerslave im Forum Allgemeines
    Antworten: 4
    Letzter Beitrag: 02-09-2005, 18:07
  3. Auflösung anpassen
    Von Ray im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 06-08-2001, 21:58
  4. auflösung anpassen? hilfe?!?
    Von riddler im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 18-10-2000, 08:28
  5. Auflösung automatisch anpassen -- aber wie ??
    Von MisterMerlin im Forum JavaScript
    Antworten: 6
    Letzter Beitrag: 03-09-2000, 16:42

Lesezeichen

Berechtigungen

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