-
Path: news-archive.icm.edu.pl!news.rmf.pl!agh.edu.pl!news.agh.edu.pl!news.onet.pl!not
-for-mail
From: Giecze <czechowski@post.#skasujto#.pl>
Newsgroups: pl.comp.www
Subject: Re: CSS - jak zrobić 2 kolumny
Date: Fri, 11 Dec 2009 15:44:22 +0100
Organization: http://onet.pl
Lines: 24
Message-ID: <hftls3$752$1@news.onet.pl>
References: <hfreg9$g3i$1@achot.icm.edu.pl>
NNTP-Posting-Host: client-119-143.jedenzloty.pl
Mime-Version: 1.0
Content-Type: text/plain; charset=iso-8859-2
Content-Transfer-Encoding: 8bit
X-Trace: news.onet.pl 1260542660 7330 88.220.119.143 (11 Dec 2009 14:44:20 GMT)
X-Complaints-To: n...@o...pl
NNTP-Posting-Date: Fri, 11 Dec 2009 14:44:20 +0000 (UTC)
User-Agent: Noworyta News Reader/2.9
Xref: news-archive.icm.edu.pl pl.comp.www:394449
[ ukryj nagłówki ]Marek wrote:
> Witam,
>
> Mam problem z utworzeniem prostego layoutu 2-kolumnowego w postaci:
>
> <div id="container">
> <div id="leftColumn">treść</div>
> <div id="rightColumn">treść</div>
> </div>
>
> #container posiada 500px szerokości. Lewa kolumna może nie wystąpić w kodzie
> lecz gdy wystąpi to jej szerokość wynosi 100px. Prawa kolumna zajmuje całą
> resztę przestrzeni. Nadałem styl float:left i width:100px lewej kolumnie.
>
> Problem w tym, że jeśli prawa kolumna posiada styl float:left, to spada pod
> lewą gdy tekst zawarty w niej jest bez łamania. Natomiast gdy usunę
> float:left z prawej kolumny, to tekst umieszczony w prawej kolumnie układa
> się dobrze ale tylko do momentu gdzie kończy się lewa kolumna. Poniżej jej
> tekst zaczyna się od lewej krawędzi ekranu. Czy da się problem rozwiązać bez
> budowania layoutu na tabelach ?
#leftColumn + #rightColumn {width: 400px; float: right;}
Następne wpisy z tego wątku
- 11.12.09 14:51 Giecze
- 11.12.09 18:34 Marek
- 11.12.09 20:00 Giecze
- 11.12.09 20:57 Marek
- 11.12.09 21:13 Giecze
- 11.12.09 22:01 Marek
- 11.12.09 22:22 Giecze
- 11.12.09 23:38 Marek
- 11.12.09 23:58 Giecze
- 13.12.09 16:28 Marek
- 13.12.09 17:32 Giecze
- 13.12.09 18:07 Artur Kosmal
- 14.12.09 10:03 Marek
- 14.12.09 10:15 Giecze
- 14.12.09 22:32 Marek
Najnowsze wątki z tej grupy
- Perfidne ataki krakerów z KRLD na skrypciarzy JS i Pajton
- Do sądu trafił pozew zbiorowy przeciw Google'owi - oskarżenie o praktyki monopolistyczne na rynku reklamy internetowej
- Jakie znacie działające serwery grup dyskusyjnych?
- is it live this group at news.icm.edu.pl
- php, linki z nazwami a $_GET, SEO
- www polityka pl captcha
- dyktatura brudnego palucha
- www.znanylekarz.pl
- Czy pytanie o sczytywanie stron programami/skryptami to tu?
- Grupy webdevowe
- Jak wydrukować stronę?
- IIS, kilka witryn
- linki <a href="/strona.php"> (ze slashami)
- co rozszerza stronę??
- responsywny akapit <p>
Najnowsze wątki
- 2025-06-01 jaki kretyn boziu uśpić :)
- 2025-06-01 Zdolny to legalnego prowadzenia samochodu w Anglii wykluczony z komisji wyborczej w Białymstoku
- 2025-06-01 nie ustąpiła moturowi?
- 2025-05-31 Skoro jest tak dobrze i TANIO to dlaczego jeszcze nie jeździmy na takich akumulatorach?
- 2025-05-31 Warszawa => IT Data Analyst (obszar Power BI) <=
- 2025-05-31 Warszawa => IT Hardware Specialist - Wsparcie i Konfiguracja <=
- 2025-05-31 Środa Wielkopolska => Konsultant wewnętrzny SAP FI/CO <=
- 2025-05-31 Gdańsk => PHP Developer <=
- 2025-05-31 Lublin => Delphi Programmer <=
- 2025-05-31 co to za obcęgi? [OT]
- 2025-05-30 Rondo :)
- 2025-05-30 Warszawa => Senior Account Manager <=
- 2025-05-30 Warszawa => Senior C++ Developer (analiza numeryczna i modelowanie) <=
- 2025-05-30 Gdańsk => Team Lead Data Engineer (Snowflake) <=
- 2025-05-30 Warszawa => Team Lead Data Engineer (obszar Snowflake) <=