✔ Zellen/Zeilenhöe

[Hankman]

Zellen/Zeilenhöhe

Hi Leute !

Ich hab jetzt wirklich viel gesucht und auch viel ausprobiert, aber es klappt einfach nicht !

Mein Problem sind die Höhenangaben in Tabellen.
Ich möchte 4 Zeilen haben und (In meinem Fall 7) aber hier 2 Spalten.
Die ersten 3 Zeilen haben eine Feste Höhe und die 4. hat einen auto-Wert.
Die 2. Spalte überspannt alle 4 Zeilen.
Das ganze klappt auch ganz wunderbar mit Mozilla, sieht genauso aus, wie ich möchte. Hurra

Nuuur.. mitm IE sind die Zeilen mit der festen Höhe auf einmal höher als vorgegeben

Hier der Link zu der Tabelle

In meinem Beispiel sind's nun wie gesagt 7 Spalten, aber ich habs schon mit 2 versucht und es kommt aufs gleiche heraus.

Weiss hier irgendjemand eine Lösung
Ich hab nun wirklich schon viel hier im Forum über Höhen gelesen, es mit heihgt und style="..." versucht,
der kompletten Tabelle hab ich auch schonmal ne feste Höhe geben, alles vergebens

Es wäre wirklich super, wenn irgendjemand mit helfen könnte, bin für jeden Tipp wirklich dankbar

Liebe Grüße,
Hankman

PS: Ich habs nochmal als ZIP angehängt, falls es in ein paar Monaten nochmal jemand sehen will und ichs schon vom Server gelöscht hab, denn ich weiss wie nervig das dannn für denjenigen sien kann

 

[won_gak]

Hi,

soweit ich weiß macht IE bei Bildern in Tabellen immer einen Umbruch nach dem Bild, was schon Sch**** ist. Ich habe das folgendermaßen gelöst:

1. Bild als Hintergrundbild. style="background-image: url('meinbild.gif'); background-repeat: no-repeat/repeat-x/repeat-y;"
2. Transparentes GIF einfügen mit width= height=

Hat eigentlich immer ganz prima geklappt.

Und: schlagt nicht auf mich ein, wenn ich hier Mist verzapft habe.

 

[Hankman]

Danke erstmal. Ich habs ausprobiert, aber es bringt leider garnichts :-(

Es ist zwar ne ganze Ecke kürzer das mit klassen zu machen, aber im Endeffekt bringts nichts...
Aber Danke trozdem.

Hankman

 

[GoLLuM]

AAAAALSO:
der zeilenumbruch/platz nach bildern beim IE kommt dadurch zustande wenn man im quelltext einen zeileumbruch macht. was schon sowas von blöde ist und mal wieder zeigt, auf was für kleinigkeiten der bscheissene IE achtet, bzw. fehlinterpretiert. denn dtheoretisch müsset dann ja auch nen zeilumbruch/platz vor dem img-tag sein.... aber das führt jetzt alles wieder zu weit.

beispiel:

<td>
 <img src=bild.jgp border=0>
</td>

ergibt einen kleinen platz/zeileumbruch unter dem bild.

<td>
 <img src=bild.jgp border=0></td>

ruft keinen zeilumbruch hervor. damit ersparst du dir also die ganze fummelei mit hintergrundbild und transparenten dateien.

zu deinem layout-problem.... also ich verstehs irgendwie noch ncih so ganz.... aber ich werd dir einfach ma erklären, wie ich sowas immer mache.
offensichtlich hast du ja mit rowspan gearbeitet, wenn ichs richtig verstanden habe. sowas ruft meistens irgendwelche probleme hervor. deswegen mach ichs immer mit verschachtelten tabellen.

beispiel:
bei deinem layout würd ich einfach ne große tabelle (1) mit 3 spalten machen.
dann kommt in die linke spalte wieder ne tabelle (2) rein, und da kommt dann das menü bzw. der inhalt in der linken seite rein. in die mittlere spalte kommt der content und in die rechte spalte kommt ganz schlicht und einfach wieder ne tabelle (3) rein, in der halt der content von der rechten seite steht. das vereinfacht das ganze um einiges. so haste zwar mehrere tabellen aber keine probleme mehr mit dem layout. achja, und die border sollteste noch aussschalten, dann verschwinden diese häßlichen grauen striche, falls du das ncoh nciht weißt.

hoffe das ist soweit klar und verständlich was ich meine bzw,. ich habs nich allzu falsch verstanden.

wenn ich zu hause bin, kann ich ja mal ne keine grafik dazu machen.... hier in der uni is grade schlecht.

 

[Hankman]

Hi !

Erstmal danke...

Allerdings sind hab keinen Zeilenumbruch nach den Grafiken gemacht :-\

Zuerst hatte ich es auch mit verschachtelten Tabellen. Allerdings stellt sich dann da das Problem, dass die rechte Seite der linken Navigation ja immer nur soweit runter geht, wie vorgegeben, aber nie solang wie der Inhalt. Wenn du dir das Layout anschaust, erkennst du das Problem. Vielleicht hast du ja ne Idee wie ich das anders lösen kann.

Klar weiss ich wie man Rahmen ausblendet, aber ich hab sie erstmal angelassen, damit man sieht, wo die Einzelnen Zellen anfangen und aufhören

Vielleicht hast du ja noch ne Idee,
so long,
Hankman

 

[GoLLuM]

Original geschrieben von Hankman
...dass die rechte Seite der linken Navigation ja immer nur soweit runter geht, wie vorgegeben, aber nie solang wie der Inhalt. Wenn du dir das Layout anschaust, erkennst du das Problem...

das versteh ich nich was du meinst.
denn die größe/länge etc. einer tabelle/zeile/zelle richtet sich doch nach dem content. und wenn der content größer is dann wird die tabelle etc. doch auch größer..

also ich habs dir jetzt mal so gebastelt, das es im IE richtig angezeigt wird. bei opera hab ich immer ncohkleine abstände zwischen den grafiken. weiß ncih warum. werd mal sehen ob ich die ncoh ruasbekomme.
[edit]also bei opera kommen die abstände wegen den " " wenn du die noch durch transparente gifs ersetzt, dann sollte alles so klappen wie du es willst hoffentlich.....[/edit] gib mal antwort, obs so is wie du es haben willst.

<html>
<head>
<title>startseite</title>
<meta name="author" content="lukas">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
</head>
<body text="#000000" bgcolor="#70A3C1" link="#FF0000" alink="#FF0000" vlink="#FF0000">
 <table height=100%>
  <tr>
   <td valign=top>
    <!-- linke seite-->
    <table width=150 height=100% cellpadding=0 cellspacing=0>
     <tr>
      <td width=8><img src="http://www.nico-tv.de/new/img/o_links.gif" border="0"></td>
      <td width=100% background=http://www.nico-tv.de/new/img/h_oben.gif>&nbsp;</td>
      <td width=9><img src="http://www.nico-tv.de/new/img/d_o_rechts.gif" alt="" border="0"></td>
     </tr>
     <tr>
      <td background=http://www.nico-tv.de/new/img/v_links.gif>&nbsp;</td>
      <td>inhalt und alles<br>
      und ein zeileumbruch<br>
      <br>
      und noch einer</td>
      <td background=http://www.nico-tv.de/new/img/v_rechts.gif>&nbsp;</td>
     </tr>
     <tr>
      <td><img src="http://www.nico-tv.de/new/img/u_links.gif" alt="" border="0"></td>
      <td background=http://www.nico-tv.de/new/img/h_unten.gif>&nbsp;</td>
      <td><img src="http://www.nico-tv.de/new/img/d_u_rechts.gif" alt="" border="0"></td>
     </tr>
     <tr height=100%>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td background=http://www.nico-tv.de/new/img/v_rechts.gif>&nbsp;</td>
     </tr>
    </table>
    <!-- /linke seite-->
   </td>
   <td valign=top>
    <!-- mitte-->
    <table>
     <tr>
      <td>
      <p align=justify>sinnloser text, damit hier was steht.
      <br><br>Nein, meine Texte les ich nicht, so nicht, stöhnte Oxmox.
       Er war mit Franklin, Rockwell und dem
       halbtaxgrauen Panther Weidemann in Memphis
       (Heartbreak Hotel) zugange. </p>
      </td>
     </tr>
    </table>
    <!-- /mitte-->
   </td>
   <td valign=top>
    <!-- rechte seite-->
    <table width=150 height=100% cellspacing=0 cellpadding=0>
     <tr>
      <td width=8><img src="http://www.nico-tv.de/new/img/d_o_links.gif" alt="" border="0"></td>
      <td width=100% background=http://www.nico-tv.de/new/img/h_oben.gif>&nbsp;</td>
      <td><img src="http://www.nico-tv.de/new/img/o_rechts.gif" alt="" border="0"></td>
     </tr>
     <tr>
      <td background=http://www.nico-tv.de/new/img/v_links.gif>&nbsp;</td>
      <td>inhalt und alles<br>
      und ein zeileumbruch<br>
      <br>
      und noch einer</td>
      <td background=http://www.nico-tv.de/new/img/v_rechts.gif>&nbsp;</td>
     </tr>
     <tr>
      <td><img src="http://www.nico-tv.de/new/img/d_u_links.gif" alt="" border="0"></td>
      <td background=http://www.nico-tv.de/new/img/h_unten.gif>&nbsp;</td>
      <td><img src="http://www.nico-tv.de/new/img/u_rechts.gif" alt="" border="0"></td>
     </tr>
     <tr height=100%>
      <td background=http://www.nico-tv.de/new/img/v_links.gif>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
     </tr>
    </table>
    <!-- /rechte seite-->
   </td>
  </tr>
 </table>
</body>
</html>

 

[Hankman]

Okay, danke erstmal.

Nun klappt alles soweit.
Ich hab zwar auch irgendwann die Idee mit height="100%" gehabt, aber ich dachte immer, dass dies verboten sei. Ich habs nurn mit CSS gemacht und geht wunderbar auf IE und Mozilla.. Opera hab ich im Moment nicht drauf.

http://www.nico-tv.de/new/main.php.html

Danke nochmal,
Hankman

 

[GoLLuM]

ok, hast recht IE zeigts richtig an. aber mein opera macht immer noch probleme..... kannste dir gleich unten beim angehängten bild anschaun. (der banner/header is in der mitte, hab den rechten teil des bildes abgeschnitten, wegen größenbegrenzung beim board hier.... datei darf nur 600 pixel breit sein. also rechts vom banner is noch mal genausoviel platz wie links vom banner => banner is zentriert bei opera, nur der teil darunter irgendwie nich)

also: wennde ncoh ma hilfe brauchst wegen kompatibiltät..... ICQ 55205966 oder email..... email am besten über mein profil, hab kein bock auf unerwünschet emails.. wennde verstehst
adios und gutes schaffen.

 

[Hankman]

Danke für den Anhang.

Vielleicht liegt es daran, dass ich den <div align="center">-Tag nicht geschlossen hab. Ich werd mir gleich mal Opera laden damit ich sowas in Zukunft sofort sehe

Ja, wenn ich nochmal sowas haben sollte meld ich mich Aber ich glaub jetzt erstmal sollte alles soweit klappen.

Danke nochmals,
Hankman