İtibarım yorum yapmak için yeterli olmadığından bir cevap koymak. Ama buna bir cevap olarak bakmayın, sadece ek bir bilgi, kendim gibi, hem altbilgi hem de konumlandırma ile ilgili bazı problemler vardı.
Sayfayı ayarlarken, altbilgim her zaman altta, mutlak konumla ve ana kap / sarmalayıcı göreli konumla kalacak şekilde.
Daha sonra metin içeriğimle ilgili bazı sorunlar buldum ve aynı içeriğin içindeki bir menü (sayfanın üstbilgi ve altbilgi arasında beyaz kısmı), bunları mutlak olarak ayarlarken altbilgi artık kalmıyor.
Postitioning, dediğin gibi karmaşık bir tema.
Web sayfamda 'mutlak' pozisyonda olmasını istediğim içeriğe çözümüm ve örneğin bir açılır menü açarken yan tarafa itilmemem, aslında ona göreli konum vermek ve aşağı açılır menemin altına 35em koymaktı. Menü. (35em, tamamen uzatıldığında açılır menümün yüksekliği)
Daha sonra, Üst: -35em, daha önce tarafa itilen içerik için. Ve sonra kenar boşluğu ekleyerek: -35em. Bu şekilde, içerik açılır menümün "altında", ancak görsel olarak açılır menümle yan yana! Ve altbilginin altındaki beyaz boşluk, bununla oynamaya başlamadan önce olduğu gibi sadece 10em marj ile. Bu yüzden benim çözümüm şöyleydi:
html, body {
margin:0;
padding:0;
height:100%;
}
h1 {
margin:0;
}
#webpage {
position:relative;
min-height:100%;
margin:0;
overflow:auto;
}
#header {
height:5em;
width:100%;
padding:0;
margin:0;
}
#text {
position:relative;
margin-bottom:-32em;
padding-top:2em;
padding-right:2em;
padding-bottom:10em;
background-repeat:no-repeat;
width:70%;
padding-left:auto;
margin-left:auto;
margin-right:auto;
right:10em;
float:right;
top:-32em;
}
#dropdown {
position:absolute;
left:0;
width:20%;
clear:both;
display:block;
position:relative;
top:1em;
height:35em;
}
#footer {
position:absolute;
width:100%;
right:0;
bottom:0;
height:5em;
margin:0;
margin-top:5em;
}
Sorunuzun iyi yanıtlandığını görüyorum, ancak bir sürü sorundan sonra bunun çok iyi bir çözüm olduğunu ve konumlandırmanın nasıl çalıştığını daha iyi anlamanın bir yolu olduğunu gördüm .. Metin içeriğimi, açılır menümün altına yerleştirdiğimde, t Metnimi yana it. Metni mutlak konuma değiştirirsem, altbilgi yerinde kalmazdı. Bunun benden daha fazla insan için bir sorun olduğuna inanabileceğim için bunu buraya ekliyorum. Aslında olan şey, metni, 35em, açılan kutumun altına koyuyorum.
Sonra, göreceli pozisyon ve üst ile görsel olarak hemen yanına koydum: -35em; ve aşağıdaki büyük boşlukla akşam, -35em;
negatif pozisyonlar zaman zaman hafife alınır, çok iyi işlevsellik, bu pozisyonları daha iyi anladığında!
Doğal olarak, sabit konum, altbilgim için de mantıklı görünüyordu, ancak metin veya içerik görünüm penceresinden daha uzunsa altbilginin görünüm penceresinin altına gitmesini gerçekten istiyorum. Sayfada çok az içerik varsa, en altta kalmak için.
Bu kurulum çok güzel bir şekilde düzeltildi ve daha akıcı / dinamik bir sayfa düzeni için 'px' değil 'em' kullanmayı unutmayın! :)
(daha iyi çözümler olabilir, ancak bu benim için çapraz platformlar ve cihazlar için işe yarıyor).
