Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Unieruchomienie tła i zawartości strony, problem...
--NoVy--
post
Post #1





Goście
Już męczę się tym parę dobrych godzin, przejrzałem wszelkie pomoce w google, ale poległem. Dlatego zwracam się do Was o pomoc.

Pytanie jest następujące jak unieruchomić zawartość strony, żeby nie latała po ustawionym tle gdy np. zmniejszy sie okno przeglądarki lub rozdzielczość.

Dla przykładu, owe zastosowanie wykorzystano tutaj lub tutaj.

Ps. Strona z która się użeram (^^) jest tworzona w XHTML + CSS. Wszelkie porady dot. dodatkowych linijek lub skryptów, mile widziane.

Z góry dziękuje za pomoc.
Pozdrawiam

Kod:

CSS:
Kod
[BODY {
   padding: 0px;
   margin: 0px;  
   background-color: #000;
   background: transparent url(../images/tlogow.png);
   color: #fff;
   font-size: 11px;
   font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
   text-align: left;
}

a:link, a:visited{
  font-weight: bold;
  color: #3d79b5;
  text-decoration: none;
}


a:hover {
   color: #fff;
   text-decoration: underline;
}

.frame
{
   margin: 0px auto;
   width: 480px;
   text-align: left;
   border: 1px #454545 solid;
/*   height:2000px;*/
   background-image: url(../images/background.gif);
}

.header {
   background-image: url(../images/top.png);
   height: 170px;
   width: 480px;
}
.middlepanel{
  width: 448px;
  _width: 450px;
  font-size:9px;
  background-color: #111;
  margin:0px 0px 0px 14px;
  border-left: 1px #454545 solid;
  border-right: 1px #454545 solid;

}

.contentpaneopen

{
  width: 99%;
  margin: 0px 2px 0px 2px;
  font-size:10px;
}

.contentheading
{
  width: 420px;
  height: 25px;
  padding: 0px 20px;
   font-weight: bold;
   color:#FFFFFF;
   font-size:11px;
  line-height: 25px;
   background-image: url(../images/bar1.gif);
   text-align: left;
}

.small {
  padding: 2px 0px 6px 8px;
   line-height: 50%;
   font-size: 9px;
   color: #888;
   font-weight : bold;
}

.createdate, .modifydate {
  padding: 3px 0px 6px 15px;
   line-height: 50%;
   font-size: 9px;
   color: #666;
   font-weight : bold;
}


[HTML] pobierz, plaintext 
  1. <body>
  2. <div class="frame">
  3.    <div class="header"><div></div>
  4.    </div>
  5.  
  6.    <div class="middlepanel">
  7.       <div id="points"><?php mosMainBody(); ?></div>
  8.       <div id="points">
  9.         <?php if (mosCountModules('user9')>0) mosLoadModules('user9',0); ?>
  10. </div>
  11.    </div>
  12. </div>
  13. </body>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
MicNoVy
post
Post #2





Grupa: Zarejestrowani
Postów: 1
Pomógł: 0
Dołączył: 8.03.2008

Ostrzeżenie: (0%)
-----

Dobra, już wszystko wygląda chyba ok. (jeszcze nie wszystkie testy zrobione, ale nic się nie rozwala (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) )

Sprawę załagodziło dodanie "top center" do background-position zamiast -70px 0px

Kod
BODY {
    width: auto;
    padding: 0px;
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;    
    background: transparent url(../images/tlogow.png) repeat-x center;
    background-position: top center;
    background-color: #000000;
    color: #fff;
    font-size: 11px;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    text-align: center;
    
}

.frame
{
    margin: 0px auto;
    width: 992px;
    text-align: justify;
    border: 1px #454545 solid;
/*    height:2000px;*/
    background-image: url(../images/background.gif);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    opacity: 0.8;

}


Wielkie dzięki, za bezinteresowną pomoc (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Temat do zamknięcia
Go to the top of the page
+Quote Post

Posty w temacie
- -NoVy-   Unieruchomienie tła i zawartości strony   8.03.2008, 21:38:27
- - b4x   Jak się nie mylę - trzeba ustalić s...   8.03.2008, 21:45:36
- - -NoVy-   Rezultat prawie osiągnięty. Co racja tło i strona ...   8.03.2008, 22:09:41
- - b4x   Kodbackground: #000 url(../images/...   8.03.2008, 22:21:06
- - -NoVy-   Niestety dalej to samo...   8.03.2008, 22:25:25
- - nitek   Cytat(-NoVy- @ 8.03.2008, 23:09...   8.03.2008, 22:29:44
- - ExPlOiT   Według mnie lepiej było by dać: [HTML] pobierz, pl...   8.03.2008, 22:32:02
- - nitek   sprobuj dodać: Kodbackground:#ffffff url...   8.03.2008, 22:35:22
- - -NoVy-   Aktualnie wygląda to tak: KodBODY { width: 1...   8.03.2008, 22:53:52
- - ExPlOiT   Daj w body: [HTML] pobierz, plaintext width:auto;[...   8.03.2008, 22:56:08
- - nitek   równiez xle spojrzałem na htmla.. to: repeat...   8.03.2008, 22:59:10
- - -NoVy-   "Normalna"wersja jest w sieci, ale nowa ...   8.03.2008, 23:08:48
- - MicNoVy   Dobra, już wszystko wygląda chyba ok. (jeszcze nie...   8.03.2008, 23:24:53

« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 15.10.2025 - 20:15
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn