-
Path: news-archive.icm.edu.pl!news.icm.edu.pl!news.nask.pl!news.nask.org.pl!news.uni-
stuttgart.de!news.stw-bonn.de!newsreader4.netcologne.de!news.netcologne.de!nx02
.iad01.newshosting.com!newshosting.com!newsfeed.neostrada.pl!unt-exc-02.news.ne
ostrada.pl!unt-spo-b-01.news.neostrada.pl!news.neostrada.pl.POSTED!not-for-mail
From: "Maco" <maco@doesnt_exist.pl>
Newsgroups: pl.comp.www
Subject: DIV i CSS
Date: Sun, 16 Oct 2011 00:16:08 +0200
X-Priority: 3
X-MSMail-Priority: Normal
X-Newsreader: Microsoft Outlook Express 6.00.2900.5931
X-MimeOLE: Produced By Microsoft MimeOLE V6.00.2900.6109
X-RFC2646: Format=Flowed; Original
X-EsetScannerBuild: 10125
Lines: 99
Message-ID: <4e9a0624$0$8448$65785112@news.neostrada.pl>
Organization: Telekomunikacja Polska
NNTP-Posting-Host: 83.9.13.230
X-Trace: 1318716964 unt-rea-b-01.news.neostrada.pl 8448 83.9.13.230:4165
X-Complaints-To: a...@n...neostrada.pl
Xref: news-archive.icm.edu.pl pl.comp.www:399664
[ ukryj nagłówki ]Witam,
Szkielet strony postanowiłem zrobić na DIVach + CSS.
Naczytałem się w Googlach tutoriali i różynych innych przykładów i ciągle
nie potrafię poradzić sobie z zapewne prostym układem.
Podpowiedzcie proszę, bo zaczynam wątpić w to, czy ptrzesiadka na DIVy (z
tabel) to dobry pomysł :(((
Chcę zbudować stronę podzieloną na dwa wiersze: nagłówek i reszta strony (do
końca w dół), z których każdy podzielony jest na dwie kolumny.
(budowa strony - dla właściwego efektu czcionka Courier)
+----+-----------------+
| A | B |
+----+--+--------------+
| | |
| | |
| | |
| C | D |
| | |
| | |
+-------+--------------+
Rozmiary pól:
- A (width: 50px, height: 30px)
- B (width: do końca wiersza/okna w prawo, height: 30px)
- C (width: 150px; height: do końca strony w dół)
- D (width: do końca wiersza/okna w prawo, height: do końca strony w dół)
Treść pliku CSS i HTML:
body {
height : 100%
width : 100%;
margin: 0;
}
#strona {
height : 100%
width : 100%;
background-color : silver;
}
#naglowek {
width : 100%
}
#naglowek1 {
width:50px;
height : 30px;
float:left;
background-color : blue;
}
#naglowek2 {
width: 100%;
height : 30px;
background-color : navy;
}
#tresc {
height : 100%
width : 100%;
}
#kolumna1 {
width : 150px;
height: 100%;
float: left;
background-color : red;
}
#kolumna2 {
height: 100%;
background-color : yellow;
}
----
<div id="strona">
<div id="naglowek">
<div id="naglowek1">H1</div>
<div id="naglowek2">H2</div>
</div>
<div id="tresc">
<div id="kolumna1">K1</div>
<div id="kolumna2">K2</div>
</div>
</div>
Z wszelką pomoc i konstruktywne sugestie bardzo dziekuję.
Maco
Następne wpisy z tego wątku
- 16.10.11 11:07 olo
- 16.10.11 14:13 identifikator: 20110701
- 16.10.11 16:33 Wojtek Gapiński
- 16.10.11 19:55 Mirosław Zalewski
- 17.10.11 07:19 satellite
- 18.10.11 11:22 Maco
Najnowsze wątki z tej grupy
- UWAGA: MAM PODEJRZENIE, ŻE onet.pl DOKONUJE ATAKÓW!!!
- Komisja sejmowa odrzuca petycję ws. obowiązkowych kanałów RSS na stronach podmiotów publicznych
- kol. sukces po polsku: "Samurai Labs. Technologia do zapobiegania samobójstwom"
- Wściekli obywatele spalili budynek parlamentu Nepalu [bo odcięli im amerykańskie serwery społecznościowe - przyp. JMJ]
- UWAGA: MAM PODEJRZENIE, ŻE trojmiasto.pl DOKONUJE ATAKÓW
- Cenzura na wolnemedia.net - likwidacja codziennej sekcji "Sygnały zauważone"
- Nowe style na energokod.pl
- Jak działa hosting w którym wykupuje się sam serwer i domenę, bez IP?
- 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
Najnowsze wątki
- 2025-12-07 Giełdy samochodowe
- 2025-12-07 Proces Brauna rusza 2025-12-08. Jak zostanie uzasadnione wyłączenie jawności procesu Największego Gaśnicowego?
- 2025-12-07 Re: Najgorszy język programowania
- 2025-12-07 Najgorszy język programowania
- 2025-12-07 #Motodziennik 358 - Czy ELEKTRYKI są jak AZBEST? Wyniki badań
- 2025-12-06 weto do ustawy o kryptowalutach
- 2025-12-06 Od nowego roku GOTÓWKA będzie jeszcze bardziej ATRAKCYJNA
- 2025-12-06 Ukraina jest bogata
- 2025-12-06 [OT] Kup!
- 2025-12-06 Laptop z miejscem na dwa dyski i 32 GiB DDR4
- 2025-12-05 podatek od marzeń
- 2025-12-05 Jewgienij Tkaczew czyli dobre imię Piłsudczykowskiej Sanacji trafi na wokandę? [Polska była państwem nazistowskim]
- 2025-12-05 Warszawa => Architekt rozwiązań (Workday) - Legal Systems <=
- 2025-12-05 Warszawa => Konsultant Microsoft Dynamics AX/365 SCM Consultant - Serv
- 2025-12-05 Warszawa => Microsoft Dynamics AX/365 SCM Consultant - Service & Suppo




Ile kosztują tanie mieszkania w polskich metropoliach?