29-08-2012, 20:31
Mam problem z pozycjonowaniem Diva oraz tabeli, która się w nim znajduje. Chodzi o to, że wszystko co jest w środku innego Diva (Content) nie daje się wypozycjonować.
Oto plik HTML:
Jest on w trakcie budowy, więc sama treść nie jest interesująca.
A oto plik CSS:
Tak jak pisałem - obojętnie co bym robił, nie chce się wypozycjonować. W momencie, gdy ustawiam pozycjonowanie absolutne, to div content przestaje się poprawnie wyświetlać (nie obejmuje reszty - 2 screen). Proszę o jakieś rady ^^
PS. Sory za takie wielkie foty, ale nie chciało mi się zmieniać wielkości, a maks. rozmiar załącznika 500 kb
![[Obrazek: screen1.png]](http://forum.mentlegen.pl/donate/screen1.png)
![[Obrazek: screen2.png]](http://forum.mentlegen.pl/donate/screen2.png)
Oto plik HTML:
Kod PHP:
<body>
<head>
<title>Kup VIP - GentleMC</title>
<link rel="stylesheet" type="text/css" href="stylegmc.css" />
<script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>
</head>
<div id="content">
<center><a href="../index.php"><img src="../images/style-tf2/mentlegen.png" class="logo"/></a></center>
<!-- begin navbar -->
<div class="navbar">
<ul class="nav">
<li><a href="../index.php">Start</a></li>
<li><a href="../search.php">Szukaj</a></li>
<li><a href="../memberlist.php">Użytkownicy</a></li>
<li><a href="index.php">VIP</a></li>
<li><a href="../bans">Bany</a></li> </div><br />
<!-- end navbar -->
<div id="pricebox">
<table border="0" style="text-align: center; color: black;" cellspacing="10" cellpadding="10" id="cennik">
<tr width="100%">
<td><b>Usługa</b></td>
<td><b>Czas trwania</b></td>
<td><b>Koszt</b></td>
<td><b>Kod SMS</b></td>
<td><b>Numer</b></td>
</tr>
<tr>
<td><b>VIP</b></td>
<td><b>30 dni</b></td>
<td><b>6.15 zł</b></td>
<td><b>AG CSRV</b></td>
<td><b>75480</b></td>
</tr>
</table>
</div>
</body>
A oto plik CSS:
Kod PHP:
body {
background: #C98A53;
color: #cccccc;
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
background-image: url(../../images/style-tf2/bg.png);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center top;
background-position: 100%;
background-size: 100%;
}
.navbar {
background: url(../../images/style-tf2/navx.png) repeat-x;
width: 100%;
height: 32px;
margin: 0;
padding: 0;
font-family: Arial, Sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 32px;
border-width: 0px;
text-align: center;
box-shadow:8px 8px 8px #666;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.nav {
list-style: none;
float: left;
margin: 0;
padding: 0;
text-align: center;
}
.nav a {
color: #EEE;
text-decoration: none;
display: block;
float: left;
margin: 0;
padding: 0 24px 0 24px;
}
.nav a:hover {
height: 32px;
text-decoration: none;
background: url(../../images/style-tf2/navhover.png);
background-repeat: no-repeat;
background-position: center bottom;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.nav a.current {
color: #81bf29;
background-image: url(../../images/style-tf2/navhover.png);
background-repeat: no-repeat;
background-position: center bottom;
}
.nav li {
display: inline;
margin: 0;
padding: 0;
}
img.logo {
float: center;
}
#content {
background: url(../../images/style-tf2/cont_bg.png) top left repeat;
width: 1020px;
color: #000000;
margin: auto auto;
padding: 0px 10px 10px 10px;
}
#cennik {
font: 7pt verdana;
text-align: right;
}
#pricebox {
width: 400px;
text-align: right;
}
PS. Sory za takie wielkie foty, ale nie chciało mi się zmieniać wielkości, a maks. rozmiar załącznika 500 kb
