eGospodarka.pl
eGospodarka.pl poleca

eGospodarka.plGrupypl.comp.wwwDIV i CSSDIV i CSS
  • 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



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: