Witam!
Od jakiegoś czasu męczę się z szablonem strony:
Kod HTML: http://wklej.org/id/407010/
Kod CSS: http://wklej.org/id/407012/
Muszę korzystać z position (i nie mogę z float).
A problem jest taki, że stopka wyświetla się tuż pod belką menu (żółty div), a chciał bym by była pod treścią (zielony div).
Mam nadzieję, że mogę liczyć na pomoc…
ArN
(ArN)
25 Październik 2010 16:29
#2
A czemu z float nie możesz?
Nie korzystaj z position… skorzystaj z FLOATów…
A tak w ogóle - gdzie jest kontener?
juven
(juven)
25 Październik 2010 16:40
#3
Dokładnie, ja nie wiem jaki jest sens pchać się w tej sytuacji w position? a tym bardziej w pozycjonowanie absolutne.
Masz taki kod i wszystko działa, tak jak ci potrzeba
body {
margin: 0 auto;
width: 970px;
}
#top {
width: 970px;
height: 200px;
margin: 0 auto;
}
#top-left {
float: left;
left: 0px;
width: 200px;
height: 200px;
background-color: red;
}
#top-right {
float: left;
width: 770px;
height: 200px;
background-color: blue;
}
#bar {
float: left;
width: 970px;
height: 50px;
background-color: yellow;
}
#content {
float: left;
width: 970px;
margin: 0 auto;
background-color: orange;
}
#content-left {
float: left;
width: 200px;
background-color: orange;
}
#content-center {
float: left;
width: 570px;
background-color: green;
}
#content-right {
float: right;
width: 200px;
background-color: orange;
}
#foot{
clear: both;
width: 970px;
background: #CCC;
height: 50px;
clear: both;
}
EDIT:
body? po co dodatkowy div?
ArN
(ArN)
25 Październik 2010 16:50
#4
Zazwyczaj robi się dodatkowego DIVA - słynny “kontener”. Nigdy nie słyszałeś?
drobok
(Drobok)
25 Październik 2010 16:52
#5
Jak napisał juven , body jest lepszym kontenerem niż div ;p
juven
(juven)
25 Październik 2010 17:01
#6
Ale powiedz mi w jakim celu? po co powielać coś co już jest? z body możesz zrobić dokładnie to samo co z tym dodatkowym divem. Znaczniki powinno się ograniczać, a nie bezsensownie je dodawać.
floyd
(floyd)
25 Październik 2010 17:12
#7
Może tylko dodam, że jeśli chcemy aby wyświetlanie było poprawne także pod przeglądarką IE, to należy dodać nagłówek, np. taki:
ArN
(ArN)
25 Październik 2010 18:07
#8
Tak jestem nauczony, tak zawsze robiłem, robię i zawżdy robić będę Jeden znacznik więcej nie zaszkodzi.
PiotrekJ
(Pj)
25 Październik 2010 22:00
#9
Diva dodatkowego stosuje się by rozciągnąć kontener nadrzędny w którym zagnieżdżone są bloki pozycjonowane przez float right/left do wysokości najwyższego z nich
DIV dodatkowy musi mieć dopisany atrybut CSS {clear: both;) i musi być umieszczony przed zamknieciem div-a nadrzędnego
[/code]