eGospodarka.pl
eGospodarka.pl poleca

eGospodarka.plGrupypl.comp.wwwCSS, 3-kolumnowy layout, centrowanie zawartości środkowej kolumnyRe: CSS, 3-kolumnowy layout, centrowanie zawartości środkowej kolumny
  • Path: news-archive.icm.edu.pl!news.rmf.pl!nf1.ipartners.pl!ipartners.pl!news.nask.pl!
    news.nask.org.pl!news.uni-stuttgart.de!news.stw-bonn.de!newsfeed-fusi2.netcolog
    ne.de!news.netcologne.de!newsfeed-hp3.netcologne.de!newsfeed.freenet.ag!newsfee
    d.kamp.net!newsfeed0.kamp.net!nx02.iad01.newshosting.com!newshosting.com!newsfe
    ed.neostrada.pl!unt-exc-01.news.neostrada.pl!unt-spo-b-01.news.neostrada.pl!new
    s.neostrada.pl.POSTED!not-for-mail
    Date: Wed, 18 May 2011 09:53:26 +0200
    From: beherit <b...@g...com>
    User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.2.17) Gecko/20110414
    Thunderbird/3.1.10
    MIME-Version: 1.0
    Newsgroups: pl.comp.www
    Subject: Re: CSS, 3-kolumnowy layout, centrowanie zawartości środkowej kolumny
    References: <4dd277ac$0$2444$65785112@news.neostrada.pl>
    <iqtu59$htl$1@inews.gazeta.pl>
    In-Reply-To: <iqtu59$htl$1@inews.gazeta.pl>
    Content-Type: text/plain; charset=ISO-8859-2; format=flowed
    Content-Transfer-Encoding: 8bit
    Lines: 29
    Message-ID: <4dd37af6$0$2504$65785112@news.neostrada.pl>
    Organization: Telekomunikacja Polska
    NNTP-Posting-Host: 83.8.31.86
    X-Trace: 1305705206 unt-rea-a-02.news.neostrada.pl 2504 83.8.31.86:22445
    X-Complaints-To: a...@n...neostrada.pl
    Xref: news-archive.icm.edu.pl pl.comp.www:398848
    [ ukryj nagłówki ]

    W dniu 2011-05-17 15:44, sim_co pisze:
    > W dniu 2011-05-17 15:27, Robbo pisze:
    >> Wymyśliłem coś innego. Gry robię w sposób, jak zaprezentowany poniżej,
    >> to wygląda OK (właśnie taki efekt wizualnie chciałem uzyskać). Ale nie
    >> wiem, czy to jest sposób poprawny i najlepszy. Należy zauważyć, że
    >> kolumna środkowa tak naprawdę rozciąga się na całą szerokość containera,
    >> ale jest przykryta przez kolumny lewą i prawą. Proszę o pomoc, jak
    >> prawidłowo zrealizować to, o co mi chodzi.
    >> Ilustracja graficzna poniższego kodu:
    >> http://img815.imageshack.us/img815/7561/29696081.png
    >
    > Te z-indexy powywalaj - są moim daniem niepotrzebne, a dla kolumny
    > .center pokombinuj z własnością display - jak dobrze pamiętam to przy
    > display: table-cell treść z środkowej kolumny nie będzie się 'wylewała'
    > na całą szerokość jeśli skończy się kolumna lewa lub prawa i przy
    > ustawieniu określonej szerokości też powinna się 'zachowywać' dobrze.
    >

    można też kombinować tak:
    .dleft i .dright { margin odpowiednio right i left z - }
    .dcenter { padding left i right wynikający z marginów .dright i .dleft}
    .dcenter { width na 100% czy ile tam chcesz :) }

    zawsze ten zapis mi się nie podobał, ale może się Tobie przydać.

    pozdr,
    p.
    /robię w: http://www.teleit.pl

Podziel się

Poleć ten post znajomemu poleć

Wydrukuj ten post drukuj


Następne wpisy z tego wątku

Najnowsze wątki z tej grupy


Najnowsze wątki

Szukaj w grupach

Eksperci egospodarka.pl

1 1 1

Wpisz nazwę miasta, dla którego chcesz znaleźć jednostkę ZUS.

Wzory dokumentów

Bezpłatne wzory dokumentów i formularzy.
Wyszukaj i pobierz za darmo: