Forum PHP.pl > pozycjonowanie divow, div miedzy dwoma divami

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: pozycjonowanie divow, div miedzy dwoma divami

Forum PHP.pl > Forum > Po stronie przeglądarki

TroYan

30.08.2008, 00:37:38

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

[HTML] pobierz, plaintext 
<div id="zawartosc">
      <div id="menu_left">Menu lewe</div>
          <div id="tresc">tresc</div>
      <div id="menu_right">menu prawe</div>
</div>
[HTML] pobierz, plaintext

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?

nevt

30.08.2008, 10:18:27

np tak:

[HTML] pobierz, plaintext 
<!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" xml:lang="pl" lang="pl">
<head>
<style type="text/css">
* { margin: 0; padding: 0; }
div#menu_left { background-color: red; height: 300px; width: 200px; position: absolute; left: 0px; top: 0px; }
div#menu_right { background-color: blue; height: 300px; width: 200px; position: absolute; right: 0px; top: 0px; }
div#tresc { background-color: green; height: 300px; margin: 0px 200px; }
</style>
</head>
<body>
<div id="tresc">ŚRODEK</div><div id="menu_left">LEWA</div><div id="menu_right">PRAWA</div>
</body>
</html>
[HTML] pobierz, plaintext

Powodzenia.

TroYan

31.08.2008, 11:15:17

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ą ;/

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.