-
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
- 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>
- Czy istnieje jakiś emulator przeglądarek pod Mac'a?
- taka sama konfiguracja dla localhost i produkcji
Najnowsze wątki
- 2024-11-08 Belka
- 2024-11-09 pierdolec na punkcie psa
- 2024-11-09 Warszawa => Sales Executive <=
- 2024-11-09 Wrocław => SAP BTP Consultant (mid/senior) <=
- 2024-11-09 Warszawa => ECM Specialist / Consultant <=
- 2024-11-09 Warszawa => Senior Frontend Developer (React + React Native) <=
- 2024-11-10 TVN donosi: Obywatelskie zatrzymanie policjanta (nie na służbie)
- 2024-11-08 Warszawa => Head of International Freight Forwarding Department <=
- 2024-11-08 Warszawa => Key Account Manager <=
- 2024-11-08 Szczecin => Key Account Manager (ERP) <=
- 2024-11-08 Białystok => Full Stack web developer (obszar .Net Core, Angular6+) <
- 2024-11-08 Wrocław => Senior PHP Symfony Developer <=
- 2024-11-08 Warszawa => QA Engineer <=
- 2024-11-08 Warszawa => QA Inżynier <=
- 2024-11-08 Warszawa => Key Account Manager <=