![]() |
![]() |
![]()
Post
#1
|
|
Grupa: Zarejestrowani Postów: 1 Pomógł: 0 Dołączył: 15.03.2008 Ostrzeżenie: (0%) ![]() ![]() |
Mam problem, zaczynam zabawę z css i utknąłęm przy próbie rozciągnięcia diva na 100% wysokości. Szkielet wygląda tak że jest stala-gora, staly pasek poziomy menu pod ta gora, i pod tym ma byc pole z tekstem na całą wysokość okna i jeszcze pod tym jedno wąskie pole...
Umieszczam kod i może ktoś poradzi co zle robie... Chce zeby "cent" podczas braku tekstu nie "zwijal" sie tylko rozciagal do dolu przesuwajac tez tego diva pod nim... Z gory dzieki za pomoc i wytkniecie moich bledow.. CODE <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <link href="data.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } --> </style></head> <body> <div class="gora"></div> <div class="up"></div> <div class="cent">tekst</div> <div class="dol"></div> </body> </html> i plik css CODE @charset "utf-8";
.gora { width: 100%; height: 117px; background-image: url(ofisik/images/offcc2_02.jpg); margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .up { height: 27px; width: 100%; background-image: url(ofisik/images/offcc2_04.jpg); float: none; } .cent { height: 55%; width: 100%; background-image: url(ofisik/images/offcc3_16.jpg); margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .dol { height: 23px; width: 100%; background-image: url(ofisik/images/offcc2_19.jpg); float: none; } |
|
|
![]() ![]() |
![]() |
Wersja Lo-Fi | Aktualny czas: 14.08.2025 - 04:38 |