Twoje PC  
Zarejestruj się na Twoje PC
TwojePC.pl | PC | Komputery, nowe technologie, recenzje, testy
B O A R D
   » Board
 » Zadaj pytanie
 » Archiwum
 » Szukaj
 » Stylizacja

 
M E N U
  0
 » Nowości
0
 » Archiwum
0
 » Recenzje / Testy
0
 » Board
0
 » Rejestracja
0
0
 
Szukaj @ TwojePC
 

w Newsach i na Boardzie
 
OBECNI NA TPC
 
 » Wedrowiec 06:41
 » PeKa 06:40
 » infinity 06:28
 » Kelso1 06:17
 » Demo 06:11
 » NimnuL 06:10
 » Dhoine 05:46
 » hokr 05:33
 » P@blo 05:31
 » alien1 05:26
 » ini1 05:23
 » @GUTEK@ 05:21
 » Gniew 05:12
 » jafar 05:03
 » NWN 04:06
 » myszon 03:55
 » Visar 03:54
 » mo2 02:57
 » Shark20 02:54
 » cVas 02:49

 Dzisiaj przeczytano
 41112 postów,
 wczoraj 25974

 Szybkie ładowanie
 jest:
włączone.

 
ccc
TwojePC.pl © 2001 - 2024
A R C H I W A L N A   W I A D O M O Ś Ć
    

[webmastering] budowanie layoutu na DIVach , KwiateK 8/03/07 19:14
Probuje zaprojektowac sobie layout przy uzyciu DIV i jest maly problem:

http://www.leeds.net.pl/darek/_files/page.zip

kiedy wpisuje cos w "center", to nie rozszerza sie nadrzedna warstwa "middle". co robie nie tak?

pozdrawiam

Nie jestem facetem na jedną noc.
Aż tyle czasu to ja nie mam...

  1. bo tak działają floaty , myszon 8/03/07 19:46
    #middle #center {
    float: left; <<<<
    }

    #center może wystawać poza #middle. Jest parę rozwiązań. Albo floatujesz #middle, ale to może zburzyć cały layout. Albo pod koniec #middla dajesz pusty pojemnik div z clear:both

  2. dodaj , kubazzz 8/03/07 19:47
    }

    #middle {
    width: 100%;
    clear: both;
    height: auto;
    }

    SM-S908

    1. o to chodzi ? , kubazzz 8/03/07 19:49
      http://cleftofvenus.net/page/index.htm ??

      SM-S908

    2. generalnie , celt 8/03/07 20:46
      to co kubazz zrobił powinno poprawić działanie - głownie chodzi o dodanie średników. Pytanie co ty z nimi zrobiłeś - zjadłeś na śniadanie ? ;)

      Mogę dodać że CSS jest na pierwszy rzut oka przekombinowany - można to napisać prościej (nie chce mi się może ktoś inny to zrobi ;)
      Tu masz trochę uproszczony CSS + poprawki kubazza
      body {
      font-family: sans serif, Trebuchet MS;
      background-color: #FFFFFF;
      color: #000000;
      text-align: left;
      text-size: 8pt;
      margin: 0;
      }
      div {
      border: 1px solid navy;
      }
      #wrapper {
      width: 780px;
      margin: 0 auto 0 auto;
      }
      #header {
      width: 100%;
      clear: both;

      height: 100px;
      background: black;
      }
      #middle {
      width: 100%;
      clear: both;
      }
      #left {
      width: 150px;
      float: left;
      }
      #center {
      width: 420px;
      margin: 0 1px;
      float: left;
      }
      #right {
      width: 200px;
      float: right;
      }
      #footer {
      width: 100%;
      clear: both;
      }

      PS. co uzyskać pisząc coś takiego: #middle #left ?

      Everything should be made as simple as
      possible, but no simpler

    
All rights reserved ® Copyright and Design 2001-2024, TwojePC.PL