-
Data: 2011-10-15 22:16:08
Temat: DIV i CSS
Od: "Maco" <maco@doesnt_exist.pl> szukaj wiadomości tego autora
[ pokaż wszystkie 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
- 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-07-27 Fotele firmy RECARO Aircraft Seating ze Świebodzina dla nowych samolotów LOT
- 2025-07-27 Fotele firmy RECARO Aircraft Seating ze Świebodzina dla nowych samolotów LOT
- 2025-07-26 Elektrownia Siersza w kolejce do zaorania
- 2025-07-26 Odkryte w Polsce złoża ropy i gazu powodują nerwowość u Niemców
- 2025-07-26 Odbiornik ADS-B i wzmacniacze
- 2025-07-26 Next.Gazeta informuje, że od 2029 roku (lub 2030 roku) cyfrowe euro stanie się prawnym środkiem płatniczym w całej UE
- 2025-07-26 Warszawa => Head of Technology <=
- 2025-07-26 Warszawa => Strategic Account Manager <=
- 2025-07-26 Mołdawia. Demokratura zastępuje demokrację.
- 2025-07-26 Prawicowa influencerka Candace Owens zapowiada walkę do końca ,,dla całego świata" [z parą prezydencką Macron]
- 2025-07-26 Next.Gazeta informuje, że od 2029 roku (lub 2030 roku) cyfrowe euro stanie się prawnym środkiem płatniczym w całej UE
- 2025-07-26 Ukraińscy kibice [w trakcie meczu] wzywali do zabijania Serbów
- 2025-07-26 Przejechałbym babę...
- 2025-07-26 Re: Temat: obowiazkowe kaski
- 2025-07-26 Next.Gazeta informuje, że od 2029 roku (lub 2030 roku) cyfrowe euro stanie się prawnym środkiem płatniczym w całej UE