Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Amenintat cu moartea de un numar ...

La multi ani @AndReW99!

Alegere masina £15000 uk

TVR vrea sa lanseze o platforma d...
 Strategie investie pe termen lung...

Modulator FM ptr auto alimentat p...

orange cablu f.o. - internet fara...

Robinet care comuta traseul
 A fost lansata Fedora 40

Samsung S24 plus

Imi iau un Dell? (Vostro vs others)

Abonati Qobuz?
 transport -tren

Platforma electronica de eviden&#...

Cot cu talpa montat stramb in per...

Sfat achizitie sistem audio pentr...
 

div umplere spatiu ramas

- - - - -
  • Please log in to reply
2 replies to this topic

#1
alin19

alin19

    Active Member

  • Grup: Members
  • Posts: 1,338
  • Înscris: 03.01.2007
ma tot chinui sa caut pe net cum sa setez in css ca un div sa umple spatiul ramas;

ex
<div id="parent">
 <div id="fix1" >
</div>
<div id="dinamic">
</div>
<div id="fix2>
</div>
</div>
#parent {
width:100%;
}
#fix1 {
float:left
width:100px;
}
#fix2 {
float:right;
width:200px;
}
#dinamic {
float:left;
width: ....
}

stiu ca merge cu js dar cautam cu css, tot gasesc pe google diferinte variante dar nici una nu pare sa mearga.

#2
adormitu

adormitu

    Member

  • Grup: Members
  • Posts: 384
  • Înscris: 28.08.2008
#dinamic {
margin-left: 100px;
margin-right: 200px;
}


#3
unu

unu

    Active Member

  • Grup: Members
  • Posts: 1,564
  • Înscris: 05.11.2005
<style type="text/css">
#parent {
width:100%;
overflow: hidden;
}
#fix1 {
float:left;
width:100px;
background: #33FF66;
}
#fix2 {
float:right;
width:200px;
background: #33CC66;
}
#dinamic {
overflow: hidden;

}
</style>

<div id="parent">
 <div id="fix1">
   fix 1
 </div>

 <div id="fix2">
   fix 2
 </div>

 <div id="dinamic">
   dinamic 1 
 </div>

</div>

Edited by unu, 22 July 2010 - 00:10.


Anunturi

Bun venit pe Forumul Softpedia!

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate