Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: szablon z div'ami
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
plurr
witam, pare dni temu rozpoczalem swoja zabawe z css'em itp poniewaz musze zrobic jakis prosty szablon strony. Natknalem sie jednak na problem zwiazany z pozycjonowaniem, a mianowicie:

calosc strony jest w pierwszym div'ie glownym. Pozniej w nim, mam div(1) na logo, lewe menu- czyli nastepny div(2), stopke znow div(3) i jeszcze chcialbym taki div(4) w ktorym bedize glowna zawartosc strony - tresc.. Jednak problem w tym ze nie potrafie umiescic obok siebie na tej samej wysokosci div'a 2 i 4. 3 jest poprawnie, a 4 na samym dole pod nim. Jak wypozycjonowac te divy aby stanowily normalną calosc ?

Z gory dziekuje.
sticker
zainteresuj sie właściwością float w css , poza tym dobrze by było poszukać w twoim przypadku jakiegoś gotowego szabloniku css co byś mógł w kod zajrzeć (poszukaj w google free css template i powinno coś ciekawego wyskoczyć na czym oprzesz swoje następne próby)
plurr
stosuje float, jednak byc moze nie do konca dobrze :F
poki co, czy moglbys zerknac na ten kod ?

  1. <div style="width: 755px; height: 100%;"> <!-- calosc-->
  2.  
  3. <!--- logo -- jakies logo--->
  4. <div style="text-align: center; vertical-align: top;"><img src="images/logo.JPG" width="755px"/></div>
  5.  
  6.  
  7. <!--- menu --><div align="left" style="height: 100%; width: 150px; border: 1px solid #EAFFF5; background: #F3F3F3; border-left: 2px solid #97CCFF;"> tu bedzie menu </div>
  8.  
  9.  
  10.  
  11.  
  12. <!--srodek ten ktory sie rozlazi-->
  13. <div style="border: 1px solid black; width: 400px; valign: top; float: right; margin: 20px;">menu srodek</div>
  14.  
  15.  
  16.  
  17.  
  18.  
  19.  
  20. <!--stopka-->
  21. <div align="right" style="color: #474747; border: 1px solid Black; border-bottom: 0px; border-left: 0px; border-right: 0px; width: 755px; font-size: x-small; vertical-align: sub;">powered
  22. by: <a href="mailto: xytrass@o2.pl" style="color:#474747;">jakas stopka</div></div>


srodek, jest na dole strony, kolo stopki, powinien byc na gorze po prawej stronie od menu. :/


/update/
aa juz sobie poradzilem guitar.gif tak jak napisalem zle wstawienie float guitar.gif biggrin.gif
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.