ďťż

budowa layoutu na divach - problemki

       

Podstrony


telcocafe

zacznę od tego do czego chcę dojść, czyli http://img379.images...9/927/12nm1.jpg . Dokładnie jak na rysunku.

mam style takie:
body { text-align: center; margin: 0; padding: 0; background: url('tilo.png'); } div#glowny { text-align: left; height: 684px; width: 100%; margin: 0 auto; padding: 0; background: url('tlo.png') repeat-x; } div#top {  float: left; width: 50px; height: 80px; background: #F90; }

i w sekcji <body> <body> <div id="glowny"> <p>główny div</p> <div id="top"><p>Mój pierwszy layout</p></div> </div>

celem jest tak, żeby całe tło strony było ładowane z pliku tilo.png.
następnie będzie div który będzie ładował tło tylko 684px od góry przez 100% szerokości ekranu. Dopiero wszystkie inne divy będe umieszczał w tym.

jak kombionwać, żeby zrobić taki układ:? :?

i jeszcze BARDZO WAŻNE:
jak robię diva, np. o tle z pliku jakimśtam to jak do body dam, np. <div id="cos"></div> to się to tło nie wyświetla. Dlaczego. Dopoero jak coś dam miedzy te dwa div, np. <p>sd</p> to wyświetli się , ale nie cały plik z tłem - dlaczego:?



Proszę masz tutaj kod względem screena, chyba mniej więcej o to chodziło:
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Przykład</title> <link rel="stylesheet" type="text/css" href="./style.css" /> </head> <body> <div id="all"> <div id="top"></div> <div id="center"> <div id="menu"> <div id="menu1"></div> <div id="menu2"></div> </div> <div id="content"></div> </div> <div id="footer"></div> <br style="clear: both" /> </div> </body> </html>
style.css
body{ background-color: #fff; /* background-image: url(./tilo.png); */ text-align: center; margin: 10px 0 0 0; } div#all{ margin: 0 auto; padding: 0; background-color: #7ffffe; width: 585px; } div#top{ float:left; background-color: #ff8041; width: 320px; height: 100px; } div#center{ clear: both; } div#menu{ float: left; margin: 20px 0 0 25px; } div#menu1{ float: left; background-color: #808042; width: 110px; height: 30px; margin: 0 0 10px 0; } div#menu2{ clear: both; background-color: #807ffe; width: 110px; height: 160px; } div#content{ float: left; /* background-image: url(./tgs.png); */ background-color: #ff00fe; margin: 20px 0 0 17px; width: 315px; height: 200px; } div#footer{ float:left; background-color: #804000; width: 100%; height: 30px; margin: 30px 0 0 0; }

jak robię diva, np. o tle z pliku jakimśtam to jak do body dam, np. <div id="cos"></div> to się to tło nie wyświetla. Dlaczego. Dopoero jak coś dam miedzy te dwa div, np. <p>sd</p> to wyświetli się , ale nie cały plik z tłem - dlaczego:? Przecież to normalna sprawa. Jak dla danego div nie określasz konkretnej wartości dla width i height to przy braku tekstu wewnątrz div otrzymuje domyślnie width i height równe 0 czyli go nie widać :)

PS. reszty nierozumiem o co Ci chodzi...
PS2. pamiętaj że jak dodasz jakiś padding w te divy to się trochę rozjedzie i będziesz musiał poprawić.
Użytkownik reVis edytował ten post 22 maj 2006, 19:58
  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.