ďťż

[XHTML/CSS] Klonowanie pasków odpowiednio do rozmiarow okna strona szkolna

       

Podstrony


telcocafe

Witam mam taki malutki problemik.
Głowie się nad nim już kilka dni.
Oto co nabazgrałem

Kod XHTML:
<?xml version="1.0" encoding="iso-8859-2" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl"> <head> <meta name="Author" content="master_dos" /> <link rel="stylesheet" href="style.css" type="text/css" media="all" /> <title>Strona Szkoły Podstawowej w Chmielku</title> </head> <body> <div id="lp">&nbsp;</div> <div id="pp">&nbsp;</div> <div id="container"> <div id="naglowek"> <img src="obrazki\logo.jpg"> </div> <div id="navcontainer"> <div class="title"><img src="obrazki\menu.jpg"></div> <div id="nav"> <a href="index.html">Strona Główna</a><br> <a href="http://www.sp-chmielek.xt.pl/" target="_blank">Forum</a><br> <a href="aktualnosci.htm">Aktualności</a><br> <a href=""></a> </div> </div> <div id="srodek"><center>Witam na stronie internetowej Szkoły Podstawowej w Chmielku!</center><br>Strona posiada teraz nowy wygląd!</div> <div id="stopka"><img src="obrazki\designed.jpg"></div> </div> </body> </html>
Kod CSS:
#lp { background-image: url('obrazki/lp.jpg'); background-repeat: repeat-y; width: 112px; height: 600px; float: left; } #pp { background-image: url('obrazki/pp.jpg'); background-repeat: repeat-y; width: 112px; height: 600px; float: right; } body { background-color: #222222; margin: 0; padding: 0; text-align:center; } A:link { color: #ffffff; } A:visited { color: #ffffff; } div { position:relative; } #container { margin: 0 auto; padding: 0 0; position: relative; width: 740px; background-color: #222222; text-align: left; } #naglowek { background-color: #222222; background-position: left bottom; width: 740px; height: 247px; } #navcontainer { font-family: tahoma; font-size: 10pt; background: #222222; width: 214px; float: left; border: 2px solid #222222; } #srodek { font-family: tahoma; font-size: 10pt; color: #ffffff; background: #444444; width: 516px; height: 319px; float: left; border: 3px solid #222222; } #stopka { }
I teraz opiszę swój problem.
Otóż te dwa paski, tj. lp.jpg i pp.jpg wyswietlaja sie na okreslona wysokosc.
Jak zrobic zeby wyswietlaly sie odpowiednio do wielkosci okna?
Tak samo jak to zrobic w "srodek"??
Z góry dzięki za pomoc.

A i jeszcze jedno. Ja to robilem w IE bo u mnie jest on ustawiony jako standard przegladarka i jak otworzylem to w Firefox to zupelnie inaczej wygladalo i jeszcze inaczej w Opera.
Zaradzicie temu?

Pozdro.

\\jeszcze jedno jak sprobowalem wrzucic strona na serwer i ja odpalic to mi wyskoczylo:

Parse error: syntax error, unexpected T_STRING in *** on line 1
z tego co mi pokazuje error to blad jest w 1-szej lini a oto ona:
<?xml version="1.0" encoding="UFT-8"?>
Co jest tutaj źle??

\\tego bledu jez tutaj nie ma dzieki Mathew jestes super

pozostaje jeszcze problem klonowania tych paskow :P

\\juz wszystko dziala Mathew jestes super webmaster'em
Użytkownik master_dos edytował ten post 05 listopad 2006, 11:51


no bo <? uruchamia parser - zrób <?php echo '<'.'?'.'xml version="1.0" encoding="UFT-8"'.'?'.'>'; ?>

Ja bym to zrobił tak :

primo - Przeczytaj to i postaraj się zrozumieć. Następnie zrób taki długi plik obrazkowy który byłby od cienia z lewej do cienia z prawej (http://img294.images...1407/tlohm3.gif). Zrób teraz diva o takiej serokości i daj mu tło z tego pliku. Zawrzyj zawartość strony w tym divie. na końcu daj wspomnianą w artykule br-kę.

A tło całej strony (dla body) ustaw tło jako kolor (bo chyba nie bedzie to juz gradient) szary (#747474)
Użytkownik Mathew edytował ten post 05 listopad 2006, 10:00
  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.