Téma: CSS help

Hali. van egy kis problémám.
Ha benne van ez a kód hogy :
float: left; vagy right vagy bármi, és van egy pl:

#frame
{ border: 1px solid #ffffff; }

akkor a float:left es rész mért nem teszi be a keretbe?

Kicsit bővebben fejtsd ki, önmagában ennek működnie kellene, valószínű nem ezzel van a baj, hanem a körítésben

Kód:

*{ margin: 0 auto 0 auto;
          padding: 0; }
		  
body	{
		background-color: #4a4d45;
		}
		
:link
		{ color: #464646; }
		
:hover 
		{ color: #2e2e2e; }
		
#frame
		{
		background-color: #FFFFFF;
		border: 1px solid #000000;
		width: 800px;
		height:auto;
		}
		
#header
		{
		background-image: url(header.jpg);
		width: 800px;
		height: 150px;
		}
	
#horizontmenu
		{
		background-image: url(menubg.jpg);
		font-size: 16px;
		color: #3f3f3f;
		width: 800px;
		height: 30px;
		text-align: center;
		}
		
#leftheader
		{
		background-image: url(newsbg.jpg);
		text-align: center;
		font-size: 18px;
		width: 200px;
		height: 30px;
		margin-top: 0px;
		color: #3c6600;
		margin-left: 0px;
		}
		
#leftmenu
		{
		background-image: url(menubg1.jpg);
		text-align: center;
		font-size: 14px;
		color: #ffffff;
		width: 200px;
		margin-left: 0px;
		margin-top: 0px;
		}

		
#newsheader
		{
		background-image: url(newsbg.jpg);
		width: 599px;
		height: 30px;
		text-align: center;
		font-size: 18px;
		color: #000000;
		margin-top: auto;
		margin-right: 0px;
		}

#news	
		{
		background-image: url(newsbg1.jpg);
		font-size: 14px;
		color: #ffffff;
		width: 599px;
		margin-right: 0px;
		margin-top: 0px;
		text-align: center;
		}
#tartalom	
		{
		background-color: #FFFFFF;
		text-align: center;
		height:auto;
		width: 800px;
		}
#lefttartalom	
		{
		float:left;
		width:200px;
		background-color: #CCCCCC;
		text-align: center;
		height:auto;
		
		}
#righttartalom	
		{
		float:right;
		width:599px;
		background-color: #CCCCCC;
		text-align: center;
		height:auto;
		}

ez a .css kódja, ha kell beirom a index.htm- ét is.

Egyszerűbb, ha az URL-t mutatod.

vt-photocars.extra.hu/proba/

üdv!

az a probléma, hogy a floatok miatt a container divek, azaz a lefttartalom, és a righttartalom nem követi egymás auto heightjét. magyarán a cssnek a magassága így 0, ezért nem látod rajta a keretet.

modositsd ien formaban:

<div id="tartalom">
<div id="lefttartalom">
</div>
<div id="righttartalom">
</div>
<div class="clears">
</div>
</div>


a clears a cssben pedig

.clears {
clear:both;
}


igy mar kovetni fogja

mza

köszönöm szépen majd kiprobálom, most egy másik oldalon dolgozok

akkor még azt szeretném hogyha megvan adva háttérnek egy kb 40-es magasságú kép, és irok rá szöveget, de ha br -el teszem lejjebb akkot teljesen az aljánvan, hogy tudnám megoldani, hogy középen legyen?

zoltan08 eredeti hozzászólása

a probléma nem teljesen világos, de


ne a br-el pozicionáld a képeket, mert egy sortörés nagysága teljesen más firefoxban és internet explorerben (legalábbis nekem ez a tapsztalatom)


css-ben a

margin: 0 auto;

val tudsz középre igazítani.

Mármint ugy hogy vagy a 40px-es magasságú kép, és a szöveg a kép közepén legyen (magasságilag)