ďťż
Podstrony
|
telcocafeNiedawno ruszyła nowa strona mojej szkoły: http://www.jedynka.xp.pl. Niestety nie wygląda tak, jakbym chciał...1. Obramowania nie sięgają do samego dołu (jest to związane z pkt.2 :)) 2. Div "menu" nie rozciąga się do końca strony, tylko urywa się tam, gdzie kończy się treść (widać to na tle - takie same jak na divie obok) Próbowałem już wszystkiego, co przyszło mi do głowy... Pomocy... :) A może byś napisał style, jak mamy ci pomóc skoro nie znamy kodu??? http://www.jedynkagi...yle/default.css body { font-family: trebuchet ms, tahoma, verdana, arial, sanf-serif; font-size: 12px; margin: 0; background: #FFF; } .container { width: 750px; height: 100%; margin-right: auto; margin-left: auto; padding: 0; border-left: 1px solid #DAECA2; border-right: 1px solid #DAECA2; } .logo { width: 750px; height: 250px; background: url(../images/logo.jpg) #9C0; padding: 0; } .top { width: 730px; padding: 5px 10px 5px 10px; background: #C7E374; display: none; } .content { width: 580px; padding: 10px; display: inline; float: right; vertical-align: top; text-align: justify; background: url(../images/bg.gif); } .menu { width: 150px; padding: 0; display: inline; float: left; vertical-align: top; background: url(../images/bg.gif); } .bottom { width: 730px; padding: 10px; text-align: center; } .title { font-size: 14px; color: #7DA700; font-weight: bold; } .sub { font-size: 11px; color: #888; } a.loginhref { color: 000; text-decoratoin: none; cursor: normal; } .subalert { font-size: 11px; color: #6F9400; } .news { width: 450px; border: 1px solid #7DA700; padding: 5px; margin: auto; background: #F7FAF0; } .newsalert { width: 450px; border: 1px solid #A60053; padding: 5px; margin: auto; background: #F8ECF2; } .newsalert h1 { font-weight: bold; color: #FF0000; } .menutitle { font-size: 14px; color: #6F9400; font-weight: bold; } a.menu:link, a.menu:active, a.menu:visited { display: block; width: 120px; padding: 3px 15px 3px 5px; font-size: 12px; color: #888; border-left: 10px solid #C6D793; text-decoration: none; background: url(../images/menu_bg.png); } a.menu:hover { color: #536F00; border-left: 10px solid #6F9400; width: 120px; background: url(../images/menu_bg_h.png); } a:link, a:active, a:visited { color: #536F00; text-decoration: underline; } a:hover { color: #263200; } p.streszczenie { color: #9D9F99; } textarea, input {width: 100%;} td {size: 12px;} .zadania_do_wykonania,.info_o,.zadania_wykonane { width: 450px; border: 1px solid #7DA700; padding: 5px; margin: auto; background: #F7FAF0; size: 12px; } tr.tr_zadania_wykonane:hover { background: #D6E3AF; size: 12px; width: 100px; } table.zadania { width: 400px; padding: 1px; size: 12px; } div.alert { padding: 3px; border: 1px dotted red; text-align: center; } .podpis { text-align: left; text-decoration: justify; } @down: byłem szybszy :P Użytkownik pbnan edytował ten post 01 listopad 2006, 19:23 Cały kod jest na stronie. Jest tego trochę za dużo, żeby to tu wklejać. ;) Link do styli: http://www.jedynkagi...yle/default.css mocno uproszczony schemat: <div class="container"> <div class="content">TREŚĆ</div> <div class="menu">MENU</div> </div> //pbnan mnie wyprzedził ;) Użytkownik White edytował ten post 01 listopad 2006, 19:24 Do menu (czy tam innego div'a, który ma sięgać do samego dołu strony) daj jeszcze: "height:100%", powinno być ok. Zbyt banalne :) Próbowałem już wcześniej... Może ktoś z Was też spotkał się z takim problemem... Sposób na tło w kolumn w layoucie opartym na divach hehe jak widze dobze wybieram tematy do blogasa :] Użytkownik Mathew edytował ten post 01 listopad 2006, 22:22 |
|||
Sitedesign by AltusUmbrae. |