Forum Debian Users Gang

dzieki

działa naprawdę swietnie ;)

zdobiłem sobie podział strony na div'ach :

body {
    background-color: #fff;
    font-family: Helvetica,Arial;
    font-size:11px;
    color: #000;
    margin: 0;
    padding: 0;
}

#top {
    width: 1024px;
    padding-top: 20px ;
    vertical-align: top;
}

#NAGLOWEK {
    background-color: #888;

}


#MENU {
    width: 200px;
    float: right;
    overflow: hidden;
    background-color: #ccc;
}

#INFORMACJE {
    width: 200px;
    float: left;
    overflow: hidden;
}

#TRESC {
    width: 600px;
    height: 450px;
    float: left;
    overflow: hidden;
    background-color: #fff;
}

#STOPKA {
    clear: both;
    width: 100%;
    background-color: #888;
}

i jako głowny div w którym umieszczona jest ramka  to : #top przyznam z CSS cienki jestem ,chciałbym całość wypośrodkować w przegladarce względem boków ,czytałem ze znaczników <center></center> nie zaleca się stosować ,jak można to wykonac inacej ?
dodam że stosowanie text-align:center nic nie daję :((

szewczyk napisał(-a):

Kod:

body {
    font-size:11px;
}

Nigdy, ale to przenigdy nie podawaj wielkości pisma w pikselach. Nigdy. Używaj względnych rozmiarów fontów (ten artykuł jest tłumaczeniem tekstu sprzed 8 lat, więc jakieś dywagacje o Netscape 4 czy IE 5 można olać ciepłym moczem. Za to informacja dlaczego używać względnych rozmiarów jest jak najbardziej aktualna i zawsze taka pozostanie).

TaZz napisał(-a):

Kod:

#top {
    width: 1024px;
    padding-top: 20px ;
    vertical-align: top;
    margin-left:auto;
    margin-right:auto;
}

powinno pomóc;)

Kiedyś Riddle spłodził świetny tekst o centrowaniu w Cssie.

TaZz napisał(-a):

edit.

#NAGLOWEK {
    background-color: #888;

kolor określaj 6 cyframi bo validator uzna Ci to za błąd

Kod:

#NAGLOWEK {
    background-color: #888888;

Ciekawe że specyfikacja (dla CSS3 tak samo) na to pozwala.

Gorsze od olewania wyników walidatora jest tylko ślepe stosowanie się do wyników walidatora.

Nie podajesz całego kodu HTML. Wkleiłem to co Ty przed chwilą, wyżej między <style> a </style> wrzuciłem zawartość CSS-a (z modyfikacją TaZza) i blok z treścią perfekcyjnie się wycentrował w przeglądarce.

Jakiej rozdzielczości używasz? Jaka przeglądarka?

<style>
body {
    background-color: #fff;
    font-family: Helvetica,Arial;
    font-size:11px;
    color: #000;
    margin: 0;
    padding: 0;
}

#top {
    width: 1024px;
    padding-top: 20px ;
    vertical-align: top;
         margin-left:auto;
    margin-right:auto;
}

#NAGLOWEK {
    background-color: #888;

}


#MENU {
    width: 200px;
    float: right;
    overflow: hidden;
    background-color: #ccc;
}

#INFORMACJE {
    width: 200px;
    float: left;
    overflow: hidden;
}

#TRESC {
    width: 600px;
    height: 450px;
    float: left;
    overflow: hidden;
    background-color: #fff;
}

#STOPKA {
    clear: both;
    width: 100%;
    background-color: #888;
 }
</style>
<div id="top">
        <div id="NAGLOWEK">NAGLOWEK</div>

        <div id="INFORMACJE">sssss</div>
        <div id="TRESC"> tresc tresc tresc tresc tresc tresc ssss
                <div id="rama">sssssssssssssssssss<br></div>
        </div>
        <div id="MENU">menu</div>
        <div id="STOPKA">stopka</div>

</div>

U mnie działa a u Ciebie nie? Wątpliwe.

Nie napisałeś jaką masz ustawioną rozdzielczość monitora.

Tylko „mój” kod jest dokładnie tym samym kodem który Ty wrzucałeś kolejno o 12:18:16 i 14:58:12...

czy tys jest bootem
ze za cytuje ravena

pracuję pod MS :/ ,ale fajny program znalazłem phpdesinger ,automatycznie uzupełnia składnie i pokazuję braki i ewentualne błedy w skladni ;)

Ostatnio edytowany przez szewczyk (2010-01-13 23:21:53)

Potomek elementu jakkolwiek przezroczystego nie może być mniej przezroczysty niż swój rodzic dowolnego rzędu.

Innymi słowy — tak długo jak #box będzie miał opacity, tak długo każdy z jego elementów potomnych (w tym #coment) ma opacity nie większe niż on. Musisz zmienić strukturę dokumentu.