Jump to content
Sign in to follow this  
PAProject

Problema ordonare container in pagina

Recommended Posts

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%;
}

 

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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/


PHP Developer - Not available for freelancing right now

Daca ai de gand sa postezi la categoria IPB, nu uita sa citesti regulamentul: Link regulament

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...