ďťż

Strona szkoły Parę problemów...

       

Podstrony


telcocafe

Niedawno 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
  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.