Temos pavadinimas: WordPress, Shopify ir PHPFusion programuotojų bendruomenė :: Header CSS Pozicija

Parašė Loskani· 2012 Sau. 3 01:01:13
#1
Sveiki,

tai yra tokia bėda, kad mažesnių rezoliucijų ekranai "ištampo" mano svetainę. Žinau ,kad galbūt atgyvenę tos 800x600 rezoliucijos, bet kadangi žadu pirkti tabletą, tai nelabai būtų smagu dirbti "ištampytoj" svetainėj :D

Štai kaip atrodo normaliai:





O štai kas nutinka kai padidini svetainės turiny:





Na o jeigu dar nesupratot apie ką aš čia rašau, nueikit į www.keturkaimis.lt ir padidinkit (Ctrl +) vaizdą ir pamatysit kaip slenka headeris į dešinę pusę. Nors kaip matot tos mano "kalėdinis lemputės" išlieka centre, nekeičia pozicijos. Žinau ,kad įmanoma sutvarkyt, bet kai iš manęs toks dizaineris tai ir gavosi toks šleivas dizainas. ;D Lauksiu pagalbos, dėkui.

.headeris {
   color:#847f77;
   text-shadow: #ffffff 1px 1px 1px;
   width:1154px;
   height:325px;
   background-image:url('images/main_logo.jpg');
   text-shadow: #ffffff 1px 1px 1px;
}

.headeris a.link {
   font-family:Verdana, Geneva, sans-serif;
   font-size:12px;
   color:#496c05;
   float:left;
   padding-top:15px;
   padding-right:10px;
   padding-left:10px;
   margin-left:10px;
   text-decoration: none;
   text-shadow: #ffffff 1px 1px 1px;
}


.headeris a:hover {
   font-family:Verdana, Geneva, sans-serif;
   font-size:12px;
   color:#fff;
        padding-top:15px;
        padding-bottom:-30px;
        margin-left:10px;;
        height:35px;
        background-image:url('nav_bg.png');
        text-shadow: #6fa235 1px 1px 1px;
        background-repeat: repeat-x;
}


Redagavo Creatium· 2012 Sau. 3 12:01:26

Parašė Žmogus· 2012 Sau. 3 10:01:35
#2
http://keturkaimis.lt/wp-content...n_logo.jpg

Kadangi pas tave headeris yra su BG spalva dar + tai čia reikia keisti nustatymus ne headeryio, o pačio "content" (turinys po headeriu)

Parašė Creatium· 2012 Sau. 3 12:01:22
#3
ShadoVw teisus. Esmė tame, kad headerio plotis didesnis, negu pačio turinio.

Parašė Loskani· 2012 Sau. 3 12:01:08
#4
Bet tai dabar man reiktų perpaišyti headerį... O kad headerio plotis būtų toks pat kaip turinio, man reiks nukirpt tuos "lapus" :D O tada jau dingsta visas svetainės grožis. :]

Parašė Creatium· 2012 Sau. 3 13:01:10
#5
O jeigu pabadyt margin'us uždėt ant turinio, kad būtų iš šonų nuimta tiek, kiek trūksta iki headerio pločio?

Parašė Loskani· 2012 Sau. 3 17:01:14
#6
Na nelabai išeina arba aš nemoku.



#wrapper {
	margin: 0 auto;
	width: 940px;
 
 
}
#wrapper {
background-image:url('http://keturkaimis.net/wp-content/themes/twentyten/bg-slide.png');
background-repeat:repeat-y;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
 
	background: #fff;
	margin-top: 0px;
	padding: 0 20px;
background-color: #f8f4ed;
}

Parašė Loskani· 2012 Sau. 3 22:01:18
#7
Susitvarkiau! 

 
#svetaine {
   width:1154px;
	margin: 0 auto;
}


stebuklingas kodas