+- 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 stopki (/thread-css-problem-z-pozycjonowaniem-stopki)
[CSS] Problem z pozycjonowaniem stopki - sYa_TPS - 06-06-2010
To mój pierwszy post na forum więc pragnę się przywitać
Mam problem a mianowicie:
W index.html mam tak:
Kod:
<div id="stopka">
<center><img src="http://img716.imageshack.us/img716/4199/stopkak.png"</img></center>
</div>W style.css mam tak:
Kod:
div#stopka
{
max-height:200px
max-width:960px;
bottom:10px
}A mimo to nadal stopka nie jest na dole
Próbowałem to naprawić sam, ale jakoś nie dało rady. W style.css ustawiałem w body wysokość i szerokość ale to nic nie dało. Zajmuje się tym od niedawna, więc proszę o nie śmianie się
Z góry serdecznie dziękuję
RE: [CSS] Problem z pozycjonowaniem stopki - KeeL - 06-06-2010
(06-06-2010, 22:37)sYa_TPS napisał(a): To mój pierwszy post na forum więc pragnę się przywitać
Mam problem a mianowicie:
W index.html mam tak:
Kod:<div id="stopka">
<center><img src="http://img716.imageshack.us/img716/4199/stopkak.png"</img></center>
</div>
W style.css mam tak:
Kod:div#stopka
{
max-height:200px
max-width:960px;
bottom:10px
}
A mimo to nadal stopka nie jest na dole
Próbowałem to naprawić sam, ale jakoś nie dało rady. W style.css ustawiałem w body wysokość i szerokość ale to nic nie dało. Zajmuje się tym od niedawna, więc proszę o nie śmianie się
Z góry serdecznie dziękuję
Cześć,
Po 1 wywalił bym <center></center> a zamienił bym na CSS np
text-align: center;
Podaj cały kod strony łącznie z CSS
RE: [CSS] Problem z pozycjonowaniem stopki - dziamber - 07-06-2010
Co to ma być?
Kod:
bottom: 18px;Kod:
margin-bottom: 18px;RE: [CSS] Problem z pozycjonowaniem stopki - sYa_TPS - 07-06-2010
Cytat:Podaj cały kod strony łącznie z CSS
Kod:
<?xml version="1.0" encoding="ISO-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" />
<meta name="keywords" content=" xxx" />
<meta name="description" content=" xxx" />
<title>xxx</title>
<link rel="stylesheet" href="style2.css" type="text/css" />
</head>
<body>
<center><img src="http://img52.imageshack.us/img52/1853/banner1cq.png"</img></center>
<div id="nawigacja">
<h4>Panel </h4>
<li><a href="kontakt">Kontakt</a></li>
<li><a href="stworz_swoj_projekt">Stwórz swój projekt</a></li>
<li><a href="inne_jakies">Tutaj jeszcze coś innego</a></li></div>
<div id="stopka">
<center><img src="http://img716.imageshack.us/img716/4199/stopkak.png"</img></center>
</div>
</body>Kod:
body {
background-color: white;
}
div#nawigacja
{
position:absolute;
left:30px;
top:7em;
width:250px;
max-width:175px;
padding:5px;
margin:5px;
background-color: grey;
}
div#stopka
{
max-height:200px
max-width:960px;
margin-bottom: 18px;
}e/ i nie działa :<
e2/
![[Obrazek: cssoq.png]](http://img96.imageshack.us/img96/2961/cssoq.png)
- to z szarym obramowaniem to jest stopka.e3/ margin botton - Styl definiuje wielkość dolnego marginesu. Wartość domyślna - 0. A mi nie potrzeba wielkości marginesu tylko tego, żeby stopka była na dole.
e4/ bottom - Styl definiuje odległość od dolnej krawędzi elementu zewnętrznego. - i takie coś mi chyba trzeba ?
RE: [CSS] Problem z pozycjonowaniem stopki - dziamber - 07-06-2010
Nie używaj właściwości position: absolute; jeżeli dokładnie nie rozumiesz gdzie ją dodać, jak widać ona wszystko psuje. Zamiast właściwości top i left użył bym po prostu marginów, dołożył bym float left. Menu jest na stopce bo pozycje ma absolutną i zawsze będzie w tym samym miejscu, jednocześnie przykrywając stopkę.
RE: [CSS] Problem z pozycjonowaniem stopki - sYa_TPS - 07-06-2010
(07-06-2010, 03:20)dziamber napisał(a): Nie używaj właściwości position: absolute; jeżeli dokładnie nie rozumiesz gdzie ją dodać, jak widać ona wszystko psuje. Zamiast właściwości top i left użył bym po prostu marginów, dołożył bym float left. Menu jest na stopce bo pozycje ma absolutną i zawsze będzie w tym samym miejscu, jednocześnie przykrywając stopkę.
Dziękuję
Już wszystko gra i buczy Jak widać w złym miejscu szukałem przyczyny. Jeszcze raz dzięki !
RE: [CSS] Problem z pozycjonowaniem stopki - Kamyk - 07-06-2010
Panowie mam problem
ze wstawianiem stylu zewnętrznego. Mianowicie mam plik style.css w folderze A w tym samym folderze znajduje sie folder B a w folderze B znajdują się dok html i jaka powinna być ścieżka dostępu do stylu ?
RE: [CSS] Problem z pozycjonowaniem stopki - Dhofca - 07-06-2010
Kod:
<link rel="stylesheet" href="../style.css" type="text/css" />A na przyszłość - jak masz inny problem niż rozwiązywany w danym temacie to zakładaj nowy temat.
RE: [CSS] Problem z pozycjonowaniem stopki - Kamyk - 07-06-2010
Dhofca - dzięki za pomoc
kurde kombinowałem na kilka sposóbów i nie chciało ruszyć;/ wiesz szkoda było nowego tematu jedno małe pytanie to uważałem że warto się podpiąć by nie zaśmiecać forum
RE: [CSS] Problem z pozycjonowaniem stopki - SuperProch - 10-06-2010
To mój pierwszy post.Mam pewien pomysł ja ze stopką zrobiłem prosto stopke dałem na końcu jest na stronie www.szukajwyoyo.u2.pl o oto kod który wpisałem tam
Kod:
<footer>
<div>
<h5>Copyright © 2010 by <b>Co tam sobie wpiszesz</b> - Wszelkie Prawa zastrzeżone</h5>
</div>
</footer>Tak dałem na końcu i jest fajnie , lecz jeżeli chcemy dać <footer> to nie mozemy dawać <center> bo to jest z Html5 wyszytkie przeglądarki oprócz IE(jest sposób na IE żeby dobrze chodziło)obsługują HTML5.I stópka gotowa jeszcze robimy sobie style.css w <head> w naszym pliku .html dodajemy taki kod:
Kod:
<link rel="stylesheet" href="style.css" type="text/css" media="screen"/>Ja tak zrobiłem i jest spoko.Sory że troche tak chaotycznie napisane jest.
