ugrás a tartalomhoz

két cella fix legyen

domel · 2009. Már. 15. (V), 00.17
Üdv!
Van egy táblám ahol két cellának fixnek kell lenni, a többi nyúlhat:

<table style="table-layout: fixed;" border="1" width="714" height="333">
	<tr>
		<td width="464" colspan="2" height="48" bgcolor="#FF0000">a</td>
		<td width="234" rowspan="3"><p>a<p>a<p>a<p>a<p>a<p>a<p>a<p>a<p>a<p>a<p>a<p>
		a</td>
	</tr>
	<tr>
		<td width="464" colspan="2" height="31" bgcolor="#FF0000">b</td>
	</tr>
	<tr>
		<td width="228">a</td>
		<td width="230">a</td>
	</tr>
</table>
ami Opera-Firefoxban azt csinálja, amit akarok:
http://www.extrabit.hu/spessart/v1.jpg
de IE8 alatt ilyen lett
http://www.extrabit.hu/spessart/v2.jpg

Van valakinek ötlete? Már órák óta ezzel szenvedek

Üdv! Domel
‹ Középre igazítás IE-ben is, CSS-sel Javascript tömb küldése php-nek ajaxal ›
 ■
1

css játszik?

eashlon · 2009. Már. 15. (V), 05.16
gondolom ragaszkodsz a táblázatokhoz, különben css-el csinálnád.
összedobtam egy 3 percest, lehet szidni, későn van(korán?)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-en">
<head>
<title>css proba</title>
<meta http-equiv="Content-Type" content="application/xhtml; charset=utf-8" />


<style type="text/css">
html,body{padding:0; margin:0 auto; width:714px; height:333px; border:#000000 1px solid}
h3{ padding:0; margin:0}
#wrap{}
#fix{width:464px; height:46px; background-color:#FF0066}
#fix2{width:464px; height:31px; background-color:#FF0033}
#oszlop1{background-color:#CCFFFF; float: right; width:236px;}
#oszlop2{background-color:#CCFFCC; float: left; width:230px;}
#oszlop3{background-color:#CCFF99; float: left; width:233px;}
#clear{ clear:both;}
</style>
</head>
<body>
<div id="wrap">
<div id="oszlop1"><h3>oszlop1</h3><p>Lorem Ipsum Dolor Amet szója narráció előkelőség laptop alhálózat Külsős Alszekció Fájl Reláció Utánközlés gyáriparos vadon ügyvédség zsidókérdés input ókeresztény vadon effektus portabilitás gyorsindító harmonizáció magánvállalkozás másfélszeres assembly külpiac . zöldterület legitimitás magánvállalkozás konverzió leporelló Olaj Szórvány Beállítás Mikroszámítógép Szkenner főiskolás pluralista origami adminisztrátor disztribúció idegenvezetés művesség konverzió szuperszámítógép printer Output Doksi Melegindítás Implementáció Mikrocsip előképzettség tenyésztelep embléma vizualizáció  s Ökoturizmus Illetőség Értelmezett program Konstruktor Flopi aljegyző alpont alrész partíció implementáció aljegyző origami alközpont terabit assembly tenyésztelep narráció ezrelék gyorsmenü gyorsrendezés .</p>
</div> 
<div id="fix"><h3>fenti fix</h3>
</div>	
<div id="fix2"><h3>lenti fix</h3>	
</div>
<div id="oszlop2"><h3>oszlop2 oda</h3><p>Lorem Ipsum Dolor Amet licit titkosrendőrség terminál destruktor Basic Aljegyző Alpont Alrész Partíció Implementáció aljegyző origami alközpont terabit assembly tenyésztelep narráció ezrelék gyorsmenü gyorsrendezés agrártámogatás kompatibilitás internet assembler dekóder . szoci almappa hidegindítás közteskód szkenner Koordinátor Újulat Agrárkamara Nagyhercegség Merevlemez alrész pixel flexibilitás szintaxis szubrutin külsős origami internet gyorsformázás diszk </p>
</div> 
<div id="oszlop3"> <h3>oszlop3 amoda</h3><p>Lorem Ipsum Dolor Amet túlkínálat agrárágazat magánvállalkozás alközpont alrész Középiskolás Koordinátor Újulat Szegmentáció Testreszabás aktuálpolitika vadon zsellérség értelmezett program licenc pultosnő aktuálpolitika vasművesség e-mail gyorsformázás specializáció magánvállalkozás partíció vizualizáció printer . hosszútávfutó összpontszám terabit vonalkiemelés flopi Modem Kurzor Gyorsbillentyű Rekurzió Iteráció idegenvezetés tisztifőorvos spiritualitás </p>
</div>
</div> 
<div id="clear">&nbsp;</div>
</body>
</html>
1, bocsi, h hosszú
2, a luk a border szélesség miatt van (lusta voltam újraszámolni)
3, sokat lehetne még finomítani
4, remélem valamit segít
2

hümm

domel · 2009. Már. 15. (V), 14.40
fú ez nekem irtó kínai :) valami jobban átlátható megoldás nem létezik? :)
3

Megfelel(ő)

Poetro · 2009. Már. 15. (V), 16.54
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <title>fluid-fixed</title>
  <style type="text/css">
    table#fluid-fixed {
      height: 333px;
      /*table-layout: fixed;*/
      width: 714px;
      border-collapse: collapse;
    }
    table#fluid-fixed td {
      font-weight: bold;
      text-align: center;
      margin: 0;
      padding: 0;
    }
    td.fixed1 {
      height: 48px;
      background-color: #f00;
      color: white;
      width: 464px;
    }
    td.fixed2 {
      height: 31px;
      background-color: #d00;
      color: white;
      width: 464px;
    }
    td.fluid1 {
      background-color: blue;
      color: white;
      width: 250px;
    }
    td.fluid2 {
      background-color: #ccf;
      width: 228px;
    }
    td.fluid3 {
      background-color: #bbd;
      width: 236px;
    }
    tr.fluid {
      height: 254px;
    }
  </style>
</head>
<body>
<table summary="" id="fluid-fixed">
  <tbody>
    <tr>
      <td class="fixed1" colspan="2">a</td>
      <td class="fluid1" rowspan="3">c</td>
    </tr>
    <tr>
      <td colspan="2" class="fixed2">b</td>
    </tr>
    <tr class="fluid">
      <td class="fluid2">d</td>
      <td class="fluid3">e</td>
    </tr>
  </tbody>
</table>
</body>
</html>
4

ez is

domel · 2009. Már. 15. (V), 19.17
Sajnos ebben is szétcsúszik a fix piros cellák, ha a kék mezőbe teszek 50 sor valamit, de azóta rájöttem, hogy a két szürke cellával fogom nyújtani a táblát, a kék cellába meg mindig annyi dolgot teszek, ami pont belefér. Köszi a segítségeteket!

Domel
5

ja

domel · 2009. Már. 15. (V), 20.51
Eashlon-féle megoldás mégis csak hasznos volt, mert rájöttem, hogy a táblákat is simán lehet float-olni, így most minden cella helyére tábla (egycellás) került, amit arra az oldalra teszek, amelyikre akarok, és nem lesz a szétcsúszás lehangoló élménye, és az a 9-10 tábla (cella) meg még kibírható egy böngésző számára.
Üdv!
Domel