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

do góry

W dniu 16.10.2011 00:16, Maco pisze:
> Z wszelką pomoc i konstruktywne sugestie bardzo dziekuję.

myślę, że to powinno pomóc

http://www.code-sucks.com/css%20layouts/faux-css-lay
outs/

--
pozdrawiam!

http://webtrunki.pl - piwa, wina, wódki, domowe wyroby
http://en.webtrunki.pl - beers, wines, vodkas, your own products

do góry

nie oszukuj się, nikt Ci tu nie pomoże, może nawet mimo tego, że wiedzą
jak... ja wystawiłem aukcję na zleceniach.przez.net, goście drogo nie
wzieli, ale otrzymałem elegancki kodzik który idealnie działa... też Ci
polecam...

mi pomógł "float: left" polecam dodanie go do kodu i sprawdzenie jak działa

do góry

Dnia 16-10-2011 16:13 identifikator: 20110701 napisał:
> nie oszukuj się, nikt Ci tu nie pomoże, może nawet mimo tego, że wiedzą

Zapomniałeś dodać, że tych, co starali się Ci pomóc i podpowiedzieć
rozwiązanie, zmieszałeś z błotem i wyzwałeś od różnych. I to nie raz.
Dlatego nie oczekuj, że ktoś jeszcze będzie chciał Ci tu pomagać.

> jak... ja wystawiłem aukcję na zleceniach.przez.net, goście drogo nie
> wzieli, ale otrzymałem elegancki kodzik który idealnie działa... też Ci
> polecam...
>

Jasne, i podobnie jak tu nikt nie wziął za to grosza?

--
Wojtek Gapiński
http://jwmprojekt.pl

do góry

niedziela, 16 października 2011 18:33 wielka mądrość na czytelników
pl.comp.www spłynęła, gdy tako rzekł(a) Wojtek Gapiński:

>> jak... ja wystawiłem aukcję na zleceniach.przez.net, goście drogo nie
^^^^^^^^^
>> wzieli, ale otrzymałem elegancki kodzik który idealnie działa... też Ci
^^^^^^
>> polecam...
>>
>
> Jasne, i podobnie jak tu nikt nie wziął za to grosza?

Podkreśliłem istotny fragment.

Swoją drogą uważam, że grupy dyskusyjne to nie jest darmowy heldpesk. Co
innego problemy nietypowe czy dyskusja na temat ,,koszerności" pewnych
rozwiązań, a co innego pytanie o zagadnienia, których rozwiązanie można
znaleźć przy pomocy wyszukiwarki internetowej w ciągu dwóch minut.
--
Niżej podpisany, zamieszkały w http://minio.xt.pl ,
Mirosław Zalewski

do góry

On 2011-10-16 00:16, Maco wrote:


a zobacz w przyblizeniu cos takiego :

> <div id="strona">
>
> <div id="naglowek" style="display: table">
> <div id="naglowek1" style="display: table-cell">H1</div>
> <div id="naglowek2" style="display: table-cell">H2</div>
> </div>
>
> <div id="tresc" style="display: table">
> <div id="kolumna1" style="display: table-cell">K1</div>
> <div id="kolumna2" style="display: table-cell">K2</div>
> </div>
>
> </div>

do góry

Dzięki. To mnie naprowadziło.
Pozdrawiam,
Maco

Użytkownik "satellite" <p...@g...pl> napisał w wiadomości
news:j7gkum$7hf$1@inews.gazeta.pl...
> On 2011-10-16 00:16, Maco wrote:
>
>
> a zobacz w przyblizeniu cos takiego :
>
>> <div id="strona">
>>
>> <div id="naglowek" style="display: table">
>> <div id="naglowek1" style="display: table-cell">H1</div>
>> <div id="naglowek2" style="display: table-cell">H2</div>
>> </div>
>>
>> <div id="tresc" style="display: table">
>> <div id="kolumna1" style="display: table-cell">K1</div>
>> <div id="kolumna2" style="display: table-cell">K2</div>
>> </div>
>>
>> </div>
>
>

do góry