Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
[CSS] Problem z pozycjonowaniem diva. - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [CSS] Problem z pozycjonowaniem diva. (/thread-css-problem-z-pozycjonowaniem-diva)



[CSS] Problem z pozycjonowaniem diva. - Extragracz - 29-08-2012

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:
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
Jest on w trakcie budowy, więc sama treść nie jest interesująca.
A oto plik CSS:
Kod PHP:
body {
    
background#C98A53;
    
color#cccccc;
        
font10pt verdanagenevalucida'lucida grande'arialhelveticasans-serif;
    
background-imageurl(../../images/style-tf2/bg.png);
    
background-repeatno-repeat;
        
background-attachmentfixed;
    
background-positioncenter top;
    
background-position100%;
    
background-size100%;
}
.
navbar {
    
backgroundurl(../../images/style-tf2/navx.pngrepeat-x;
    
width100%;
    
height32px;
    
margin0;
    
padding0;
    
font-familyArialSans-serif;
    
font-size12px;
    
font-weightbold;
    
line-height32px;
    
border-width0px;
    
text-aligncenter;

       
box-shadow:8px 8px 8px #666; 

    
-moz-border-radius6px;
    -
webkit-border-radius6px;

         
border-radius6px;
}

.
nav {
    
    list-
stylenone;
    
floatleft;
    
margin0;
    
padding0;
    
text-aligncenter;
}

.
nav a {
    
color#EEE;
    
text-decorationnone;
    
displayblock;
    
floatleft;
    
margin0;
    
padding0 24px 0 24px;
}

.
nav a:hover {
    
height32px;
    
text-decorationnone;
    
backgroundurl(../../images/style-tf2/navhover.png);
    
background-repeatno-repeat;
    
background-positioncenter bottom;

    -
moz-border-radius6px;
    -
webkit-border-radius6px;

         
border-radius6px;

}

.
nav a.current {
    
color#81bf29;
    
background-imageurl(../../images/style-tf2/navhover.png);
    
background-repeatno-repeat;
    
background-positioncenter bottom;
}

.
nav li {
    
displayinline;
    
margin0;
    
padding0;
}
img.logo {
        
floatcenter;
}
#content {
    
backgroundurl(../../images/style-tf2/cont_bg.pngtop left repeat;
    
width1020px;
    
color#000000;
    
marginauto auto;
    
padding0px 10px 10px 10px;
}
#cennik {
    
font7pt verdana;
    
text-alignright;
    }
#pricebox {
    
width400px;
    
text-alignright;
    } 
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 Smile
[Obrazek: screen1.png]
[Obrazek: screen2.png]


RE: [CSS] Problem z pozycjonowaniem diva. - sunrise - 29-08-2012

1. Zacznij od wklejenia albo strony albo całego kodu
2. Używasz znaczników, które już dawno wypadły z obiegu. Popraw kod HTML


RE: [CSS] Problem z pozycjonowaniem diva. - Extragracz - 30-08-2012

Kod przecież cały podany. A co do znaczników - raczej się nie przestawię (tak, wiem jakie to może mieć konsekwencje), bo na tych się uczyłem.


RE: [CSS] Problem z pozycjonowaniem diva. - Kartofelek - 30-08-2012

Masz pierdzielnik w kodzie i nie pozamykane znaczniki (np ul)


RE: [CSS] Problem z pozycjonowaniem diva. - Extragracz - 31-08-2012

(30-08-2012, 16:40)kornell napisał(a): No i co z tego ze tego się uczyłeś? Nie możesz nauczyć się już nic nowego? Wystarczy wrzucić wszystko do jednego elementu DIV a następnie dać mu margin:0 auto; Aż tak się boisz poznawać nowe rzeczy? Czy aż tak jesteś leniwy że nie chce Ci się
Prędzej się nie chce, bo dla mnie się liczy tylko to, jak to wygląda na finishu, a nie sam kod. Zrobiłem tak - dalej nie działa. Ciekawi mnie tylko, że wycentrować mimo wszystko mogę, a do prawej już nie Tongue