Problema ordonare container in pagina

[PAProject]

Salut am dublat un container(2 chenare una langa alta) 1 chenar pe mijlocul pagini iar al 2-lea pe marginea pagini in stanga.

Cand modific rezolutia pagini sau cum ii spune din CTR - + sau - , container-ul original modifica rezolutia odata cu pagina si ramane ordonat iar al 2-lea facut de mine nu ramane incadrat unde doresc eu, i-se modifica si latimea..

Unde gresesc ?

.global-main-container-1 {
  position: fixed;
  width: auto;
  margin-left: 33.33333%;
  top: 4.53333%;
  left:  23.33333%;
  right: 0%;
  max-width: 0%;
  min-width:  7.33333%;
  margin-bottom: 0%;
  margin-right: auto;
  padding-top: 2px;
  background-color: #ffffff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .06), 0 2px 5px 0 rgba(0, 0, 0, .2);
  -webkit-box-shadow: rgba(0, 0, 0, 0.0588235) 0px 1px 1px 0px, rgba(0, 0, 0, 0.2) 0px 2px 5px 0px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  min-height: 0%;
  padding-bottom: 1%;
}

 

[PAProject]

Nu pot edita..

Normal cand dublez acest container(un dreptunghi) cod css, se suprapun amn 2 si daca modfici rezolutia pagini cu CTRL - + sau -, amn2 isi mentin rezolutia perfecta 

Acesta e container-ul original .

.global-main-container {
  display: block;
  position: auto;
  height: auto;
  top: 63px;
  left: 0;
  right: 0;
  max-width: 580px;
  min-width: 300px;
  margin-bottom: 20px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 2px;
  background-color: #ffffff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .06), 0 2px 5px 0 rgba(0, 0, 0, .2);
  -webkit-box-shadow: rgba(0, 0, 0, 0.0588235) 0px 1px 1px 0px, rgba(0, 0, 0, 0.2) 0px 2px 5px 0px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  min-height: 140px;
  padding-bottom: 10px;
}

daca il copii originalul si mai fac inca unul se suprapun cum am spus mai in sus ... daca ma apuc si il modific sa nu mai fie pe centru deasupra celui original ci sa fie pe stanga amndoua in rand cand modific rezolutia pagini cel original de pe mijloc cum am tot zis ramane ok dar cel din stang se modifica nu sta ordonat.

[gadeas]

Se suprapun pentru ca position auto probabil il va prelua ca si "relative". Avand left: 0 si right: 0, nu are sens pentru ca se bat intre ele, poti folosi ori left ori right, si dupa ori top ori bottom, dar nu ambele din aceasi grup. In cazu ca pui ambele, todeauna va citi ce-l care e mai jos in clasa, in bucata de sus fiind right: 0, il va aplica in dreapta de tot desupra lu originalu.

De ce nu folosesti float-uri pentru a face 2 coloane?

http://jsfiddle.net/FhL4u/2/

[PAProject]

Am sters cum ai zis si degeaba..

De ce float-uri sunt mai bune sau ?

[PAProject]

Deci am loat ce aveam si am pus pe float-uri si merge perfect .

Mersi mult gadeas !