Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css]bloki nie działają niezależnie
Forum PHP.pl > Forum > Przedszkole
enigma
Witam
mam problem ze stroną. ma taki układ
http://img142.imageshack.us/img142/7820/pagetz1.jpg
jeśli zwiększam zawartość bloku treść tzn. dopisuję teks to wszystko się wydłuża, cała strona w dół
problem jest przy dodawaniu pozycji do menu, wtedy to co jest w bloku treść zjeżdza w dół, czy można to jakoś poprawić, bez tworzenia osobnych plików css dla każdej z podstron

fragment pliku css
Kod
body {
    padding-top: 20px;
    background-color: #273F59;
    color: inherit;
    font-family: Verdana, Arial, Tahoma, sans-serif;
    font-size: 11px;
    text-align: justify;
}
.calosc{
    background-color: #FFFFFF;
    color: inherit;
    margin: 0 auto;
    width: 751px;
}
.naglowek {
    background-image: url(./Obrazki/top.png);
    background-repeat: no-repeat;
    background-position: bottom;
    margin-right: auto;
    margin-left: auto;
    height: 249px;
    width: 751px;
}
.stopka {
    background-image: url(./Obrazki/stopka.png);
    background-repeat: no-repeat;
    background-position: top;
    height: 20px;
    width: 751px;
}
.blok_glowny {
    background-image: url(./Obrazki/bg.png);
    background-repeat: repeat-y;
    min-height: 313px;
    width: 751px;

}
.menu {
    width: 156px;
    margin-left: 5px;
}
.tresc {
    width: 573px;
    margin-left: 171px;
}
br{
    clear: none;
}
p{
    position:relative;
    top:-130px;
    color: #000000;
    background-color: inherit;
    font-family: Verdana, Arial, Tahoma, sans-serif;
    font-size: 11px;
    margin-left: 12px;
    margin-right: 12px;
    margin-top: 0px;
}

Proszę o pomoc
lopik
A co oznacza w <body>
"color: inherit;" ? od jakiego rodzica jest pobierany kolor ?

Wywal to:
Kod
position:relative;
    top:-130px;


z właściwości "p" po pierwsze!!
Co to za styl dla akapitu!

I jak masz całość ustawioną na: "751px" to musisz wszystkie div'y w tym obszarze zmieścić łącznie z margin + pading + border!
enigma
Cytat(lopik @ 10.02.2007, 12:36:28 ) *
Wywal to:
Kod
position:relative;
    top:-130px;


z właściwości "p" po pierwsze!!
Co to za styl dla akapitu!
jak się tego pozbędę to w bloku treść tekst zjeżdza w dół
lopik
Bo masz źle zrobionego CSS'a.
Zrób na floatach.
Są już takie gotowce w necie, looknij w google.

http://www.maxdesign.com.au/presentation/t...l_variation.htm
enigma
dzięki lopik zobacze co mi z tego wyjdzie
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.