Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [XML][CSS]Przesuwająca się srodkowa część strony
adrianozo
post
Post #1





Grupa: Zarejestrowani
Postów: 733
Pomógł: 4
Dołączył: 11.11.2009

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

Witam.
Mam problem.
Na mojej stronie http://www.bk-gaming.pl/PROJEKT , gdy przytrzymam lewy CTRL i zacznę kręcić scrollem to wielkość się zmienia. To normalne, ale treść zmienia swoje położenie. Logo zostaje w miejscu, menu też i stopka również, ale treść zmienia swoją pozycje. Jak zrobić tak, aby nie zmieniało tej pozycji tylko tak jak inne divy zostawało w miejscu?

ŹRÓDŁO STRONY:

[XML] pobierz, plaintext 
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <meta http-equiv="Content-Language" content="pl" />
  7. <title>MEDBook Store</title>
  8. <link rel="stylesheet" type="text/css" media="all" href="style.css" />
  9. </head>
  10. <body><div class="tresc" style="position: absolute; top: 200px; left: 400px;">
  11. <img src="images/bordtop.gif" alt="" width="550" height="2" />
  12. <table><tr><td width="430px" style="text-align: center;"> <p class="style4 style5 style6">Tytuł</p> </td><td align="left" style="text-align: center;"> <p class="style4 style5" style="font-size: 10px;">Dodano: 2009-11-21 18:45:54</p> </td></tr><tr><td><hr /><p class="style4 style5"  style="text-align: center;">Treść</p><br /><br /><br /><br /></td></tr></table><table><tr><td width="430px" style="text-align: center;"> <p class="style4 style5 style6">a</p> </td><td align="left" style="text-align: center;"> <p class="style4 style5" style="font-size: 10px;">Dodano: 2009-11-08 10:39:53</p> </td></tr><tr><td><hr /><p class="style4 style5"  style="text-align: center;">ąęóąśłżźćń</p><br /><br /><br /><br /></td></tr></table><div style="text-align:center;"><b>1</b><a href="?page=news&amp;subpage=2">2</a><a href="?page=news&amp;subpage=3">3</a><a href="?page=news&amp;subpage=4">4</a> <a href="/PROJEKT/index.php?page=news&amp;subpage=2">Nast&#x119;pna strona</a></div><img src="images/bordbot.gif" alt="" width="550" height="2" />
  13.  
  14. </div>
  15. <div id="glowny">
  16. <div id="logo">
  17. </div>
  18. <div id="menu">
  19. <ul>
  20. <li><a href="index.php">Strona glowna</a></li>
  21. <li><a href="index.php?page=news">Newsy</a></li>
  22. <li><a href="index.php?page=medbooki">MedBooki</a></li>
  23. <li><a href="index.php?page=regulamin">Regulamin</a></li>
  24. <li><a href="index.php?page=onas">O nas</a></li>
  25. <li><a href="index.php?page=kontakt">Kontakt</a></li>
  26.  
  27. </ul>
  28. </div>
  29. <div id="tresc">
  30. <br />
  31. <br />
  32. <p>
  33. </p>
  34. </div>
  35. <div id="lewa">
  36. <br />
  37. <br />
  38. <p>
  39. </p>
  40. </div>
  41. <div id="stopka">
  42. Copyright &copy; 2009 <a href="http://www.medbookstore.pl" class="powered">MEDBook Store</a>. Wszelkie prawa zastrze&#x17C;one.<br />Jesteś 1200 gościem na tej stronie.</div>
  43.  
  44. </div>
  45. </body>
  46. </html>
[XML] pobierz, plaintext


style.css:

Kod
body
{
text-align: center;
margin: 0 auto;
}
div#glowny
{
text-align: center;
width: 905px;
margin: 0 auto;
}
div#menu ul, ul li
{
display: block;
list-style: none;
}
div#menu ul
{
width: 850px;
background-color: #fff;
margin: 0 auto;
}
div#menu ul li
{
float: left;
width: 135px;
}
div#menu ul a:link, ul a:visited
{
text-decoration: none;
display: block;
font-weight: bold;
background: #000 url("tlo.gif") repeat-x center;
color: #fff;
padding: 10px 20px;
border-right: 1px solid #fff;
border-right: 1px solid #fff;
}
div#menu ul a:hover
{
background-color: #800;
background-image: url("tlo2.gif");
}
div#logo
{
margin: 0 auto;
height: 132px;
width: 797px;
background-image:url(images/logo.jpg);
}
div#tresc
{
margin: 0 auto;
margin-top: 50px;
width: 697px;
}
div#lewa
{
width: 100px;
}
div#stopka
{
clear: both;
margin: 0 auto;
margin-top: 375px;
width: 797px;
}


Proszę o pomoc smile.gif
Z góry dziękuje.

EDIT:

źródło strony:

Kod
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="pl" />
<title>MEDBook Store</title>
<link rel="stylesheet" type="text/css" media="all" href="style.css" />
</head>
<body><div id="glowny">
<div id="logo">
</div>
<div id="menu">
<ul>
<li><a href="index.php">Strona główna</a></li>

<li><a href="index.php?page=news">Newsy</a></li>
<li><a href="index.php?page=medbooki">MedBooki</a></li>
<li><a href="index.php?page=regulamin">Regulamin</a></li>
<li><a href="index.php?page=onas">O nas</a></li>
<li><a href="index.php?page=kontakt">Kontakt</a></li>
</ul>
</div>
<div id="tresc">
<br />
<br />
<p>
<img src="images/bordtop.gif" alt="" width="550" height="2" />

<div style="text-align:center;">qdad<br />Cena: 1 PLN<br /><br /><br /></div><div style="text-align:center;">qdad<br />Cena: asdada PLN<br /><br /><br /></div><div style="text-align:center;">q<br />Cena: Cenaadasd PLN<br /><br /><br /></div><br /><div style="text-align:center;"><a style="color: red; text-decoration: none;" href="index.php?page=medbooki">Wi&#x119;cej...</a></div><img src="images/bordbot.gif" alt="" width="550" height="2" />
</p>
</div>
<div id="lewa">
<br />
<br />
<p>
</p>
</div>

<div id="stopka">
Copyright &copy; 2009 <a href="http://www.medbookstore.pl" class="powered">MEDBook Store</a>. Wszelkie prawa zastrze&#x17C;one.<br />Jesteś 1200 gościem na tej stronie.</div>
</div>
</body>
</html>


style.css
Kod
body
{
text-align: center;
margin: 0 auto;
}
div#glowny
{
text-align: center;
width: 905px;
margin: 0 auto;
}
div#menu ul, ul li
{
display: block;
list-style: none;
}
div#menu ul
{
width: 850px;
background-color: #fff;
margin: 0 auto;
}
div#menu ul li
{
float: left;
width: 135px;
}
div#menu ul a:link, ul a:visited
{
text-decoration: none;
display: block;
font-weight: bold;
background: #000 url("tlo.gif") repeat-x center;
color: #fff;
padding: 10px 20px;
border-right: 1px solid #fff;
border-right: 1px solid #fff;
}
div#menu ul a:hover
{
background-color: #800;
background-image: url("tlo2.gif");
}
div#logo
{
margin: 0 auto;
height: 132px;
width: 797px;
background-image:url(images/logo.jpg);
}
div#tresc
{
margin: 0 auto;
margin-top: 50px;
width: 697px;
}
div#lewa
{
width: 100px;
}
div#stopka
{
clear: both;
margin: 0 auto;
margin-top: 425px;
width: 797px;
}


strona:

http://www.bk-gaming.pl/PROJEKT

Myślę, że teraz jest dobrze smile.gif

Ten post edytował adrianozo 22.11.2009, 14:29:50


--------------------
http://www.nportfolio.pl
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

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