Jump to content
php.lv forumi
Sign in to follow this  
ziedinjsh

CSS pozicionēšana

Recommended Posts

Svaiki!

 

Ir tāda lieta - Šis ir div css. viņam vajadzētu būt pielipušam pie browsera augšas un apakšas. Tā arī ir, bet es nekādīgi viņu nevar iecentrēt lapas vidū!! left:50% right:50% nestrādā.. tad man div atrodas labajā pusē! Varbūt kāds var palīdžet? Paldies jau iepriekš! :)

 

.warp{

width:1000px;

margin-left:auto;

margin-right:auto;

background-image:url(images/body.png);

background-repeat:repeat-y;

position:fixed;

bottom: 0px;

top:0px;

}

Share this post


Link to post
Share on other sites

es arī, bet tas strādā ja nav position:fixed; bet ja nav position:fixed; tad atkal viņš nav pielipis pie augšas un apakšas!

Share this post


Link to post
Share on other sites

Jā man ir bījušas līdzīgas problēmas, nemācēšu paskaidrot.

 

Pamēģini ielikt varbūt iekš vēl viena div taga ar margin: 0 auto 0 auto;

varbūt nostrādā.

 

 

Tu vēlies panākt kaut ko līdzīgu kā sticky footer?

Edited by labaiss

Share this post


Link to post
Share on other sites

Ja es pareizi sapratu, tad pareiza atbilde bus - pozicionejiet arejo divu ar fixed, un iekšejo ar margin.

Kaut ka ta:

<style>
body{
margin:0;
padding:0;
}
#bottom {
border:1px solid black;
position:fixed;
bottom: 0px;
top:0px;
width:100%;
height:100px;
}

#wrap{
width:1000px;
background-color:black;
height:40px;
margin: 0 auto;
margin-top: 20px;
}
</style>
<body>

   <div id="bottom">
       <div id="wrap">

       </div>
   </div>
</body>

Edited by Vhubuo

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.

Loading...
Sign in to follow this  

×
×
  • Create New...