← UI & UX Design

div fixa ao lado de div 100%

Lida 3923 vezes

Offline

alexandremdn 
Membro
Mensagens 94 Gostos 2
Feedback +2

Troféus totais: 25
Trófeus: (Ver todos)
Nineth year Anniversary Level 5 Level 4 Avatar Eighth year Anniversary Seventh year Anniversary Windows User Super Combination Combination Topic Starter

Boas,

estou a ter dificuldade em colocar uma div à direita a 100%. ela acaba por se sobrepor à primeira. O objectivo era a div è direita acompanhar o tamanho do ecra. O codigo é esse:

   .traco_horisontal_esq {
      width:395px;
      height:25px;
      float:left;
   }
   .traco_horisontal_dir {
      background-image:url('../icons/dir.png');
      background-repeat:repeat-x;
      background-color:#9999FF;
      width:100%;
      height:25px;
   }

<div style="width:100%;height:25px;">
   <div class="traco_horisontal_esq"><img src="themes/default/icons/esq.png"></div>
   <div class="traco_horisontal_dir"></div>
</div>
Offline

Pedro Lopes 
Beta tester
Mensagens 3568 Gostos 18
Feedback +6

Troféus totais: 32
Trófeus: (Ver todos)
Level 6 Windows User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3

Não percebi... Queres meter uma div uma ao lado da outra, é isso?

Se sim, em vez de meteres "100%" mete "auto" para ver se dá.
Offline

Bruno Gaspar 
Membro
Mensagens 242 Gostos 1
Feedback +3

Troféus totais: 18
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 3 Level 2 Level 1 100 Posts 50 Posts 10 Posts

Queres uma coluna do lado direito tipo o chat do facebook em que está a 100% em altura ?

Se sim no google encontras bastantes sites com isso, pesquisa por css 100 height columns
Offline

Pedro Lopes 
Beta tester
Mensagens 3568 Gostos 18
Feedback +6

Troféus totais: 32
Trófeus: (Ver todos)
Level 6 Windows User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3

Queres uma coluna do lado direito tipo o chat do facebook em que está a 100% em altura ?

Se sim no google encontras bastantes sites com isso, pesquisa por css 100 height columns

Penso que não seja isso, porque no código dele o 100% está no width. A não ser que esteja mal o código e ele queira mesmo isso.
Offline

Bruno Gaspar 
Membro
Mensagens 242 Gostos 1
Feedback +3

Troféus totais: 18
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 3 Level 2 Level 1 100 Posts 50 Posts 10 Posts

Penso que não seja isso, porque no código dele o 100% está no width. A não ser que esteja mal o código e ele queira mesmo isso.
Pois eu também reparei nisso, mas ele diz que a div se sobrepõe à outra fiquei naquela, será que é uma coluna à direita como o chat do facebook ( assim o exemplo mais fácil para dar ) ..
Offline

10gag 
Membro
Mensagens 16 Gostos 0
Troféus totais: 15
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Level 3 Level 2 Level 1 10 Posts First Post Karma Sixth year Anniversary

Mete a da esquerda com 10% no widht e a da direita com 90%.