Autor Zpráva
Marcus Flintus
Profil
čaute,

mam menší problém... mám prvek se stylem:

 

float: left;
display: block;
postition: relative;

(mimo jiné) a problém je že ve FireFoxu a Opeře, (v IE to jde OK) neroztahuje nadřazený prvek, pokud je větší...

jinak řečeno když je daný prvek větší než jemu nadřazený tak ten nadřazený se neroztáhne dle potřeb daného prvku, ale daný prvek ho normálně "přesáhne".

daný prvek musí být relativní (jinak to nejde)

jak to udělat aby i ve FF a Opeře to bylo OK?
Walter
Profil *
dej kod toho nadrazenemu prvku, trochu tomu nerozumim, a taky kod a pak ti pomuzu.
Marcus Flintus
Profil
ok... co je vcelku nepodstatné to vypouštím...



<div id="stranka">

<div id="pravy">
<div id="content">
daný prvek který nás zajimá => aby se #stranka roztáhnul když bude #content velký
</div>
</div>
</div>

###############
------ CSS -----------------

#pravy{
float: left;
position: relative;
width: 428px;
height: 514px;
min-height: 514px;
background: url('img/hlava3.gif') top left no-repeat;
}
#content{
float: left;
display: block;
postition: relative;
top: 130px;
width: 369px;
z-index: 10;
border: 1px solid #996D9C;
background: #000000;
margin: 10px 0px 0px 0px;
padding: 6px 4px 10px 4px;
}
#stranka{
padding: 0px 0px 10px 0px;
margin: 0px;
background: url('img/pozadi_stranky.gif') top left repeat-y;
position: relative;
float: left;
display: block;
}
Walter
Profil *
Vykaslal bych se position relative a udel bych normalne oba divy pravy i content takto:

#pravy{


float: left;

width: 428px;

_height: 514px;

min-height: 514px;

background: url('img/hlava3.gif') top left no-repeat;

}

#content{

float: left;

width: 369px;

z-index: 10;

border: 1px solid #996D9C;

background: #000000;

margin: 10px 0px 0px 0px;

padding: 6px 4px 10px 4px;

}
Walter
Profil *
PARDON

Vykaslal bych se position relative a udel bych normalne oba divy pravy i content takto:

#pravy{
float: left;


width: 428px;


_height: 514px;
min-height: 514px;
background: url('img/hlava3.gif') top left no-repeat;
}
#content{
float: left;
width: 369px;
z-index: 10;
border: 1px solid #996D9C;
background: #000000;
margin: 140px 0px 0px 0px;
padding: 6px 4px 10px 4px;
}

#stranka {

padding: 0px 0px 10px 0px;

margin: 0px;

background: url('img/pozadi_stranky.gif') top left repeat-y;

min-height: 1px;

_height: 1px;

}
Marcus Flintus
Profil
s drobnejma úpravama to funguje...
Díky moc!
Toto téma je uzamčeno. Odpověď nelze zaslat.