 [css] szkielet strony a wysokosc diva, jak rozciagnac diva bedacego pomiedzy 2 divami? |
  |
| [css] szkielet strony a wysokosc diva, jak rozciagnac diva bedacego pomiedzy 2 divami? |
 15.03.2008, 01:31:54
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; } |
 |
 
|
|
15.03.2008, 07:17:41
Post
#2
|
|
 Grupa: Zarejestrowani Postów: 209 Pomógł: 37 Dołączył: 27.02.2008 Skąd: Kwidzyn Ostrzeżenie: (0%)
|
sprobuj dac do centa cos takiego:
Kod height:expression(this.scrollHeight > 400 ? "auto":"400px"); czytalem na szybko, nie testowalem, wiec nie daje głowy, ze pomoze  poza tym calosc najlepiej jest jeszce objac 'kontenerem', ktorym bedziesz mogl regulowac polozenie calosci.. daj calosc w diva i dla tego diva daj: Kod #container { margin-left: auto; margin-right: auto; } wtedy calosc bedzie wysrodkowana.. w body wystarczy, ze dasz margin:0px - nie musisz określać tego dla kazdej strony z osobna, pozatym wywal to też do zewnętrzengo arkusza 
Ten post edytował nitek 15.03.2008, 07:21:28 -------------------- |
|
|
|
|
|
Wersja Lo-Fi | Aktualny czas: 19.07.2025 - 02:36 |
