uklad divow (px + %) Opcje

[GrayHat]

mam taki uklad:

| div1 = 200px | | div2 | | div3 = 200px |

i teraz moj problem:
jak rozciagnac div2 na maxymalna szerokosc??

[Kill3R]

hmm moze tak??

[HTML] pobierz, plaintext 
div#div2 {
width: 100%;
margin: 0 200px;
}
[HTML] pobierz, plaintext 

[GrayHat]

niestety to nie to :/
moze spojz w kod:

http://h4x.pl/funworld/template.html

[mike]

niestety to nie to :/

Śmiem się kłócić (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

[HTML] pobierz, plaintext 
<style type="text/css">
div#container {
    margin: auto;
    width: 600px;
}
 
div#left, div#right {
    float: left;
    width: 200px;
    height: 200px;
    background-color: #f00;
}
 
div#right {
    float: right;
}
 
div#middle {
    margin: 0px 200px;
    height: 300px;
    background-color: #00f;
}
</style>
 
<div id="container">
  <div id="left"></div>
  <div id="right"></div>
  <div id="middle"></div>
</div>
[HTML] pobierz, plaintext 

P.S.
Zainwestuj w max-width (niestety bez IE) bo strona bedzie śmiesznie wyglądać przy dużych rozdzielczościach.
Na 1152x864 juz wygląda jakby się niechcący rozlazła.

[dr_bonzo]

http://www.alistapart.com/articles/holygrail

[mike]

---added---

Przeglądalem Twój kod i widzę, że nadużywasz bloków.
Szczególnie w nagłówkach w sekcji.

... lub w głównej belce masz:

[HTML] pobierz, plaintext 
<div class="middleBar">
  <div class="middleBarStart"></div>
  <div class="middleBarTitle">
    <div style="padding: 6px; color: rgb(255, 255, 255);">
      Witamy w <b>FunWorld</b>
    </div>
  </div>
  <div class="middleBarEnd"></div>
</div>
[HTML] pobierz, plaintext 

A wystarczyłoby tak:

[HTML] pobierz, plaintext 
<div class="middleBar">
  <img src="img/bluebarleft.gif" class="left" alt="left_corner" />
  <img src="img/bluebarright.gif" class="right" alt="right_corner" />
  Witamy w <strong>FunWorld</strong>
</div>
[HTML] pobierz, plaintext 

Teraz dla belki dajesz tło powtarzane w poziomie bluebarmiddle.gif
Obrazki wyświetlasz jako bloki i pozycjonujesz absolutnie w belce.
Jeden idzie na maksa w lewo drugi w prawo.

Na calości strony zaoszczędzisz bardzo dużo kodu.
Tym bardziej ze odpowiednio stworzone klasy left i right dla obrazków zadzialają dla wszystkich belek. Kolejny bonus, plik CSS mniejszy.

[GrayHat]

ok niby dziala ale nie do konca.
w ie cala srodkowa czesc jest obsunieta w dol :/

http://h4x.pl/funworld/template.html

co jest jeszcze nie tak?? :/

[mike]

#contentMiddle posiada w tej chwili width: 100%;
Moim zdaniem w ogóle nie powienieneś definiować długości dla tego bloku. Wyrzuć to i będzie OK.

[GrayHat]

EOT.

thx mike