Autor Zpráva
Mato4ever
Profil *
Dokazal by niekto navrhnut CSS pre taketo rozlozenie webu:

http://4ever.sk/pics/layout.png

A aby tam neboli ziadne hacky, ale aby to bolo pomocou matriosiek a aby to bolo v kazdom prehliadaci rovnake? Moze to byt aj tabulka.

Ja som nieco skusal, ale dokazal som len toto:
http://4ever.sk/pics/layout.html

Ale tam moj firefox nechce roztiahnut dolny div na height 100% a netusim preco :(
A pritom je aj HTML aj CSS validne
Opera aj IE6 to zobrazi spravne
Mato4ever
Profil *
Nemožné, čo?
joshua
Profil *

<div style="background-color: red; float: right; width: 200px; height: 100%; margin: 1px">
to cerveny
</div>
<div style="background-color: green; margin: 1px; height: 100px">
to zeleny
</div>
<div style="background-color: blue; margin: 1px; height: 20px">
to modry
</div>
<div style="background-color: yellow; margin: 1px">
to zluty
</div>

neni to 100%, ale něco takovýho, co máš na tom obrázku by to mělo udělat
habendorf
Profil
joshua: To chodit nebude ani omylem.

Mato4ever
Nemožné, čo?

Ale vůbec ne. Základním kamenem je html, body, .page {height:100%;} a dál už je to dětská hra.
habendorf
Profil
BTW, žádný matrjošky k tomu nepotřebuješ.
Toto téma je uzamčeno. Odpověď nelze zaslat.

0