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
 
 » PeKa 08:54
 » Katoda Lt 08:53
 » dawidy 08:50
 » GLI 08:47
 » Kelso1 08:46
 » Kenjiro 08:46
 » petropank 08:41
 » cVas 08:35
 » Doczu 08:20
 » DJopek 08:13
 » Kenny 08:08
 » rkowalcz 08:07
 » Miron 08:06
 » Logic-3 08:04
 » wukillah 08:00
 » CodeNameH 07:52
 » JE Jacaw 07:52
 » 247 07:47
 » R4zen 07:46
 » Emios 07:46

 Dzisiaj przeczytano
 35860 postów,
 wczoraj 36534

 Szybkie ładowanie
 jest:
włączone.

 
ccc
TwojePC.pl © 2001 - 2026
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-2026, TwojePC.PL