Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 16

Thema: Zellenhöhe definieren

  1. #1
    Youngster
    Registriert seit
    15.05.2005
    Beiträge
    16
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Zellenhöhe definieren

    Hallo zusammen,

    ich habe eine Tabelle definiert, die auf www.sebastian-fleck.de zu sehen ist. Ich möchte, dass die Zelle namens 'Rest' in ihrer Größe flexibel ist und zwar abhängig davon, wie viel Text in der mittleren Zelle ist. Die Zellen, die die Links beinhalten sollten dabei nicht ihrer Größe verändern sondern bei 40px bleiben.

    Ich habe versucht, die Zelle mit height="*%" und height="auto" zu definieren. Der Internet Explorer interpretiert diesen Befehl nicht. Konsequenz ist, dass sich die oberen Zellen anpassen und ihre Größe ändern.

    Welche Lösung gibt es?

    Vielen Dank,
    funkmasterdeluxe
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    [sG|W00tkaeppi]
    Gast

    Standard

    Probier es mal mit Style-Angaben, anstelle von HTML-Attributen:
    Code:
    height="40px"
    ersetzen mit:
    Code:
    style="height: 40px;"
    Wobei die Verwendung von px in HTML-Attributen sowieso zu Verwirrungen führen kann.

  3. #3
    Youngster
    Themenstarter

    Registriert seit
    15.05.2005
    Beiträge
    16
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Ich habe die Angaben wie vorgeschlagen in style="..." eingebettet, doch leider erscheint verändern sich alle Zellen...

    Im Firefox 1.04 wird alles richtig interpretiert...

  4. #4
    [sG|W00tkaeppi]
    Gast

    Standard

    Mich wundert es sowieso, das die Seite einigermaßen akzeptabel dargestellt wird. Schau Dir mal Deinen - von mir etwas in Ordnung gebrachten - Auszug Deines Quelltextes an und befasse Dich mal mit dem Attribut rowspan="".

    Code:
    <tr>
      <td style="border&#58; 1px solid #FFFF00; width&#58; 200px; height&#58; 40px">About me
    </td>
    <td style="border&#58; 1px solid #FFFF00; text-align&#58; justify; vertical-align&#58; top; width&#58; 550px" rowspan="7">
      
    
    This template is designed to present myself in the world wide web. The logo displayed above can be clicked to get to the start-page. The free space between the logo and the text part will be filled with some graphics to offer a fresh look and a state-of-the-art design. This is a style sheet of the side's structure. Click the link at the bottom of the page to read the imprint or to contact the webmaster to receive an answer to your question.</p>
      
    
    This template is designed to present myself in the world wide web. The logo displayed above can be clicked to get to the start-page. The free space between the logo and the text part will be filled with some graphics to offer a fresh look and a state-of-the-art design. This is a style sheet of the side's structure. Click the link at the bottom of the page to read the imprint or to contact the webmaster to receive an answer to your question.</p>
      
    
    This template is designed to present myself in the world wide web. The logo displayed above can be clicked to get to the start-page. The free space between the logo and the text part will be filled with some graphics to offer a fresh look and a state-of-the-art design. This is a style sheet of the side's structure. Click the link at the bottom of the page to read the imprint or to contact the webmaster to receive an answer to your question.</p>
      
    
    This template is designed to present myself in the world wide web. The logo displayed above can be clicked to get to the start-page. The free space between the logo and the text part will be filled with some graphics to offer a fresh look and a state-of-the-art design. This is a style sheet of the side's structure. Click the link at the bottom of the page to read the imprint or to contact the webmaster to receive an answer to your question.</p>
      
    
    This template is designed to present myself in the world wide web. The logo displayed above can be clicked to get to the start-page. The free space between the logo and the text part will be filled with some graphics to offer a fresh look and a state-of-the-art design. This is a style sheet of the side's structure. Click the link at the bottom of the page to read the imprint or to contact the webmaster to receive an answer to your question.</p>
      
    
    This template is designed to present myself in the world wide web. The logo displayed above can be clicked to get to the start-page. The free space between the logo and the text part will be filled with some graphics to offer a fresh look and a state-of-the-art design. This is a style sheet of the side's structure. Click the link at the bottom of the page to read the imprint or to contact the webmaster to receive an answer to your question.</p>
      
    
    This template is designed to present myself in the world wide web. The logo displayed above can be clicked to get to the start-page. The free space between the logo and the text part will be filled with some graphics to offer a fresh look and a state-of-the-art design. This is a style sheet of the side's structure. Click the link at the bottom of the page to read the imprint or to contact the webmaster to receive an answer to your question.</p>
    </td>
    </tr>
    
    
    <tr>
      <td style="border&#58; 1px solid #FFFF00; width&#58; 200px; height&#58; 40px">Gallery</td>
    </tr>
    <tr>
      <td style="border&#58; 1px solid #FFFF00; width&#58; 200px; height&#58; 40px">Downloads</td>
    </tr>
    <tr>
      <td style="border&#58; 1px solid #FFFF00; width&#58; 200px; height&#58; 40px">Links</td>
    </tr>
    <tr>
      <td style="border&#58; 1px solid #FFFF00; width&#58; 200px; height&#58; 40px">Contact</td>
    </tr>
    <tr>
      <td style="border&#58; 1px solid #FFFF00; width&#58; 200px; height&#58; 40px">Home</td>
    </tr>
    <tr>
      <td style="border&#58; 1px solid #FFFF00; width&#58; 200px; height&#58; auto">Rest</td>
    </tr>
    
    <-- Zelle mit gelbem Border unter dem Menü und dem Content Bereich&#58; Anfang -->
    <tr>
      <td style="border&#58; 1px solid #FFFF00; height&#58; 25px" colspan="5">
    </td>
    <-- Zelle mit gelbem Border unter dem Menü und dem Content Bereich&#58; Ende -->
    </tr>

  5. #5
    Youngster
    Themenstarter

    Registriert seit
    15.05.2005
    Beiträge
    16
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Bei der Betrachtung des Quelltextes fällt auf, dass die Reihenfolge der Elemente verändert wurde, doch frage ich mich, welche Idee dahinter steckt.

    Welche Problematik tritt denn auf, wenn ich Text in die Tabelle eingebe?

  6. #6
    [sG|W00tkaeppi]
    Gast

    Standard

    Zitat Zitat von funkmasterdeluxe
    Bei der Betrachtung des Quelltextes fällt auf, dass die Reihenfolge der Elemente verändert wurde, doch frage ich mich, welche Idee dahinter steckt.

    Welche Problematik tritt denn auf, wenn ich Text in die Tabelle eingebe?
    Ich habe keine Reihenfolgen hier geändert, lediglich die Übersicht etwas augenfreundlicher gestaltet. Das ist der momentan von Dir verwendete Quelltext.

  7. #7
    Youngster
    Themenstarter

    Registriert seit
    15.05.2005
    Beiträge
    16
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Welche Problematik muss hier gelöst werden? Warum werden die anderen Zellen vergrößert?

  8. #8
    [sG|W00tkaeppi]
    Gast

    Standard

    Der oben gezeigte Qulltext müsste Deine Seite so aussehen lassen:

    Code:
    #####  #####
    #####
    #####
    #####
    #####
    #####
    #####
    ##### = Eine Zelle (TD/TD)

    Zuerst der erste Menüpunkt "About me", dann rechts daneben der Content, dann unten drunter (TR/TR) der Rest des Menü, ohne colspan in einer Spalte unter dem Menüpunkt "About me". Der Content dürfte sich hier normalerweise nur so weit nach unten begeben, wie die Zelle "About me". Daher müsste man der Content - Zelle beibringen, wieviele Zellen sie nach unten zu gehen hat, also mit rowspan="".

  9. #9
    Youngster
    Themenstarter

    Registriert seit
    15.05.2005
    Beiträge
    16
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Ok, ich habe die Problematik verstanden... Bedeutet dies, das wenn ich die den Wert in rowspan sehr groß wähle, dass die anderen Zellen erst dann verändert werden, wenn der rowspan-Wert erreicht ist?

  10. #10
    [sG|W00tkaeppi]
    Gast

    Standard

    Du hast in der linken Spalte 7 Zeilen, Du müsstest der rechten Spalte einen rowspan von 7 zuweisen, das er inklusive der eignenen Zeile - plus der restlichen 6 unter 'ihm' - die gesamte Spaltentiefe einnimmt.

Ähnliche Themen

  1. FireFox und Zellenhöhe
    Von YoMama78 im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 01.05.2007, 15:52
  2. Zellenhöhe definieren
    Von G-Bay im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 11.04.2007, 23:11
  3. Problem mit IExplorer und variabler Zellenhöhe
    Von Alex77 im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 20.09.2006, 17:07
  4. schriftgrösse vs zellenhöhe
    Von rookie im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 08.09.2006, 01:04
  5. pop up´s definieren?
    Von finefine im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 19.10.2005, 15:28

Stichworte

Berechtigungen

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