+- 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 ustawieniem pozycji (/thread-css-problem-z-ustawieniem-pozycji)
[CSS] Problem z ustawieniem pozycji - spolprog - 03-01-2013
RE: [CSS] Problem z ustawieniem pozycji - Kartofelek - 03-01-2013
Prosta sprawa. Masz skopane stylowanie.
masz #content>ul który ma width:1001px (sztywna szerokość, czyli na mniejszych się nie zmieści)
Dodatkowo masz #content z bottom:-238px który znowu ustawia sztywną pozycję.
Najlepiej jakbyś:
1) sztywną szerokość zrobił tak, by miała swój minimalny rozmiar, a potem zawsze szła w 100%
Kod:
{min-width:.....px; .....}2) Do pozycjonowania wykorzystaj left, top, bottom, right i marginesy. np:
Kod:
{..... top:50%; margin-left:-200px; .....}RE: [CSS] Problem z ustawieniem pozycji - spolprog - 04-01-2013
Dostałem propozycję zrobienia tak aby na mniejszych monitorach się zmieniła wartość i wygląda to tak :
Kod:
@media only screen and (max-device-width: 1366px) {
#content {
position: fixed;
top: 45px;
left: 167px;
width: 1001px;
margin: 0 auto;
z-index: 50;
}
}Ale niestety w taki oto sposób na mniejszych monitorach w ogóle nie widzę aby się wysuwało. Co jeszcze mogę zmienić ? Proszę najbardziej o gotowe style ponieważ niektóre rzeczy są dla mnie jeszcze wielką magią.