Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Układ strony bez tabel - pozycjonowanie CSS
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
swistak
Witam! Mam problem z wypozycjonowaniem strony. Oto fragment kodu html:
Kod
<div id="global">
  <div id="left_top"></div>

  <div id="left_botto"></div>

  <div id="top"></div>

  <div id="content"></div>

  <div id="copy"></div>
</div>


Muszę z tego uzyskać taki układ za pomocą arkusza CSS:


Gdzie:
1. left_top
2. top
3. content
4. left_botto
5. copy

i jeszcze left_top oraz content muszą się rozciągać a left_botto i copy muszą się równać ze sobą według dolnej krawędzi no i oczywiście zawsze być pod left_top i content.
Bardzo proszę o pomoc smile.gif
lopik
Czyli mamy Ci to wykonać, tak ? smile.gif
Jaką kasa dysponujesz ? winksmiley.jpg

PS. Poszukaj, są strony o CSS'ie z gotowcami, może coś takiego się znajdzie.
swistak
Stron przejrzałem tony smile.gif Potrafię zrobić tak żeby się rozciągało względem left_top lub content ale względem obu jednocześnie niestety nie :/
Saddam92
a nie mozesz zrobic takiego układu:
  1. <div id="container">
  2. <div id="left">
  3. <div id="l_top"></div>
  4. <div id="l_bottom"></div>
  5. </div>
  6. <div id="right">
  7. <div id="r_top"></div>
  8. <div id="r_content"></div>
  9. <div id="r_copy"></div>
  10. </div>
  11. </div>
i do tego szukasz jeszcze o "przyczepieniu" divów "l_bottom" i"r_copy" do dołu strony a rozciągalność divów mozesz uzyskac np. w taki sposób: http://forumweb.e-vip.pl/viewtopic.php?t=15012
bądź poszukac jakiejś ciekawszej metody i ją tu zaprezentować.. smile.gif
Zajec
Cytat(swistak @ 8.12.2006, 11:34:40 ) *
Witam! Mam problem z wypozycjonowaniem strony. Oto fragment kodu html:

http://pl.wikipedia.org/wiki/Pozycjonowanie_stron
swistak
Cytat(Zajec @ 11.12.2006, 10:19:22 ) *


Zajec dzięki ale nie zrozumiałeś o co chodzi biggrin.gif W poście jest mowa o CSS.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.