Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> pozycjonowanie divow, div miedzy dwoma divami
TroYan
post 30.08.2008, 00:37:38
Post #1





Grupa: Zarejestrowani
Postów: 56
Pomógł: 1
Dołączył: 19.04.2004
Skąd: Bytom Odrz.

Ostrzeżenie: (0%)
-----


witam, to ułożenie divów zawsze spędza mi sen z powiek. a więc

  1. <div id="zawartosc">
  2. <div id="menu_left">Menu lewe</div>
  3. <div id="tresc">tresc</div>
  4. <div id="menu_right">menu prawe</div>
  5. </div>



Kod
#menu_left {

width: 182px;
background: url("images/bgmenu.png");
float: left;
text-align: center;

}

#tresc {

text-align: center;
margin: 0 auto;

}

#menu_right {

width: 182px;
background: url("images/bgmenu.png");
float: right;
text-align: center;


efekt jaki chciałbym uzyskać to zmienna szerokość diva "tresc" zależna procentowo od rozdzielczości. bloki w których są menu (prawe i lewe) mają stałą szerokość - da się zrobić tak żeby szerokość tresci sama się dopasowywała?

Ten post edytował TroYan 30.08.2008, 00:38:29


--------------------
zmoderowano - waga i rozmiar
Go to the top of the page
+Quote Post
nevt
post 30.08.2008, 10:18:27
Post #2





Grupa: Przyjaciele php.pl
Postów: 1 595
Pomógł: 282
Dołączył: 24.09.2007
Skąd: Reda, Pomorskie.

Ostrzeżenie: (0%)
-----


np tak:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  4. <style type="text/css">
  5. * { margin: 0; padding: 0; }
  6. div#menu_left { background-color: red; height: 300px; width: 200px; position: absolute; left: 0px; top: 0px; }
  7. div#menu_right { background-color: blue; height: 300px; width: 200px; position: absolute; right: 0px; top: 0px; }
  8. div#tresc { background-color: green; height: 300px; margin: 0px 200px; }
  9. </head>
  10. <div id="tresc">ŚRODEK</div><div id="menu_left">LEWA</div><div id="menu_right">PRAWA</div>
  11. </body>
  12. </html>

Powodzenia.


--------------------

-
Oh no, my young coder. You will find that it is you who are mistaken, about a great many things... -
Go to the top of the page
+Quote Post
TroYan
post 31.08.2008, 11:15:17
Post #3





Grupa: Zarejestrowani
Postów: 56
Pomógł: 1
Dołączył: 19.04.2004
Skąd: Bytom Odrz.

Ostrzeżenie: (0%)
-----


pomogło, ale dałoby się zrobić ten sam efekt z pominięciem position: absolute, lub żeby wysokość całego diva zawartosc zależała od wysokości div menu_left ? Gdyż mam tam menu rozsuwane i ta wysokość jest zmienna i jak rozsunę którąś kategorię to dolne kategorie menu po prostu się chowają ;/


--------------------
zmoderowano - waga i rozmiar
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 11:42