ugrás a tartalomhoz

CSS, DIV probléma

rajk · 2007. Aug. 16. (Cs), 12.25
Sziasztok, egy oldalt szeretnék étrehozni, aminél a fejléc és a lábléc részt sikerült is megalkotnom táblázatok nélkül, viszont a középső rész kifogott rajtam. Ez a rész három hasábból állna, a két szélső hasáb egyszínű lenne, a középső pedig egy kicsit más árnyalat. A tartalmat mindhárom részbe CMS rendszer generálja, tehát nem tudható, hogy melyik oszlopnak mekkora lesz a hossza. Megoldható ez a rész csak divek használatával, táblázatok nélkül?

Köszi előre is a segítséget.

(remélem sikerült érthetően leírnom a problémát :) )
‹ domain tulaj megtalálása Csúnya szó feketelista ›
 ■
1

Kiegészítés

rajk · 2007. Aug. 16. (Cs), 13.02
Amit kihagytam, hogy a három egymás mellett lévő div-nek egyforma magasnak kéne lennie, a megfelelő színben.
2

hatterkepes megoldas.

ErdosJ · 2007. Aug. 16. (Cs), 13.08
volt mar ilyen..
3

Thx

rajk · 2007. Aug. 16. (Cs), 14.49
Köszi szépen, az általad linkelt oldalon tipként megemlítettt Equal Height Columns kifejezésre rákeresve megtaláltam a megoldást. :)
4

Archívum

Jano · 2007. Aug. 16. (Cs), 14.49
http://del.icio.us/weblabor_forum/oszlopok_hattere
http://del.icio.us/weblabor_forum/oszlopok_magassaga

1. Prbál előbb az arcívumban keresni.
2. Adj rendes topik címet ami utal a KONKRÉT kerdésedre
5

Kilóg a floatolt DIV a konténerből

rajk · 2007. Aug. 17. (P), 10.30
Sziasztok ismét, sajnos megizzaszt ez a téma, van ismét egy problémám. A témában találtam hozzászólásokat, de az ott leírt megoldások sajna nálam nem működtek, vagy rosszul csináltam valamit. A problémám, hogy a floatolt DIV-ek FF alatt kilógnak az őket tartalmazó konénerből (Jelen esetben a tartalom DIV rosszalkodik). Pls. Help!

Kód:
<div id="kozep">     
 		<div id="balsav">
			<div id="bejelentkezes_ablak"></div>
			<div id="menu_ablak">menű</div>
		</div>     		
		<div id="tartalom">       
		  <p>tartalom </p>
		  <p>&nbsp;</p>
		  <p>&nbsp;</p>
		  <p>&nbsp;</p>
		  <p>&nbsp;    </p>
		</div>     				
		<div id="jobbsav">       jobbsav     </div>		
		<div style="clear: both;"><!-- --></div>
	</div>
CSS:
 #kozep
 	{
	float:left;
	margin:0 0 0 0;
	background:#959780;
	width:760px;	
	owerflow:hidden;	
	display:table;
	}  

#balsav
 	{	
	float:left;  
    width:155px;
	height:auto;	
	}  
   
 #bejelentkezes_ablak
 	{
	width:155;
	height:185;
	background-image:url(assets/alapR2C1.jpg);
	}
	
 #menu_ablak
 	{
	width:155;
	height:500;
	margin-bottom:10px;
	background:#ff0000;		
	}
   
 #jobbsav
 	{
	float:left;	
    width:125px;	
	}  
   
 #tartalom
 	{	
	padding-bottom: 32767px;
	margin-bottom: -32767px;
	float:left;  
    width:480px;	
    background:url("assets/main_images/tartalom.jpg") repeat-y;				
	}
6

overflow

ErdosJ · 2007. Aug. 17. (P), 12.40
most lusta vagyok kiprobalni, de mi lenne, ha beletenned ezt is:

#kozep{overflow:hidden;}
7

overflow

rajk · 2007. Aug. 17. (P), 14.52
Megvan a hiba!

Benne volt eredetileg amit írtál, csak elgépeltem, v helyett w volt, így már műxik.

Köszi, hogy foglalkoztál a problémámmal. :)
9

Re: overflow

ErdosJ · 2007. Aug. 17. (P), 19.22
pff... annyira sajnos nem foglalkoztam a problemaddal, hogy alaposabban atnezzem a kododat.. sorry...
tapasztalat alapjan ilyenkor altalaban float, display, overflow a ludas...
8

overflow:auto

Jano · 2007. Aug. 17. (P), 15.00
Overflow:auto lesz az!
A display:table pedig nem kell, mert ugyse támogatja IE.