[CSS] Znikająca stopka pod Safari, i przesunięta pod IE |
[CSS] Znikająca stopka pod Safari, i przesunięta pod IE |
15.10.2008, 18:48:40
Post
#1
|
|
Grupa: Zarejestrowani Postów: 29 Pomógł: 1 Dołączył: 28.09.2008 Skąd: Z drugiej strony kabla Ostrzeżenie: (0%) |
Witam,
otóż mam problem z interpretacją przez przeglądarki mojej stopki. W przeglądarce Safari stopka się nie pojawia, natomiast w IE stopka zaczyna się od prawego boku lewego menu. Poniżej zamieszczam kod CSS. Kod #stopka {
float: right; clear: both; width: 100%; background-image: url(img/stopka.png); height: 25px; text-align: center; padding-top: 5px; font-family: Comic Sans MS; font-size:12px; border-top: 1px solid #000000; color: #FFFFFF; } -------------------- PHP & MySQL
|
|
|
15.10.2008, 18:54:54
Post
#2
|
|
Grupa: Zarejestrowani Postów: 1 387 Pomógł: 273 Dołączył: 18.02.2008 Ostrzeżenie: (0%) |
Nie za bardzo rozumiem, po co tam float:right; - spróbuj to usunąć Przydałby się też cały kod/link do strony, bo z tego ciężko coś wywnioskować.
-------------------- XMPP: l0ud@chrome.pl
|
|
|
15.10.2008, 19:09:04
Post
#3
|
|
Grupa: Zarejestrowani Postów: 382 Pomógł: 22 Dołączył: 21.05.2007 Skąd: Elbląg Ostrzeżenie: (0%) |
to co powiedział l0ud + imho mieszające dużo padding-top: 5px;
|
|
|
15.10.2008, 19:19:56
Post
#4
|
|
Grupa: Zarejestrowani Postów: 29 Pomógł: 1 Dołączył: 28.09.2008 Skąd: Z drugiej strony kabla Ostrzeżenie: (0%) |
Bez float: right; stopka znika w FF3
Kod html, body { background-color: #bbcee5; color: #000000; margin: 0 auto; padding: 0; } #strona { overflow: hidden; width: 900px; border: solid 1px #000000; margin: 0 auto; margin-top: 20px; } #logo { background-image: url(img/logo.jpg); height:150px; } #gorne-menu { height: 43px; width: 873px; float: left; margin: 0 auto; padding-left: 27px; padding-bottom: 5px; background: #000 url("img/menugorne.gif") repeat-x center; border-top: 1px solid #000; border-bottom: 1px solid #000; text-align: center; word-spacing: 15px; line-height: 45px; font-size: large; } #menu { float: left; width: 179px; float: left; overflow: hidden; padding-top: 10px; padding-bottom: 10px; background: #000 url("img/menulewe.gif") repeat-y center; } #tresc { font-family: Comic Sans MS; font-size: 14px; width: 700px; float: right; overflow: hidden; background-color: #ddedff; padding: 10px; text-align: justify; border-left: 1px solid #000000; } #stopka { float: right; clear: both; width: 100%; background-image: url(img/stopka.png); height: 40px; text-align: center; padding-top: 5px; font-family: Comic Sans MS; font-size:12px; border-top: 1px solid #000000; color: #FFFFFF; } #menu { width: 179px; padding-bottom: 2000px; margin-bottom: -2000px; } #tresc { width: 700px; padding-bottom: 2000px; margin-bottom: -2000px; } #stopka { width: 100%; padding-bottom: 2000px; margin-bottom: -2000px; } //Edit: Lekką edycje zrobiłem. Ten post edytował raptorx 15.10.2008, 21:11:53 -------------------- PHP & MySQL
|
|
|
15.10.2008, 19:47:37
Post
#5
|
|
Grupa: Zarejestrowani Postów: 382 Pomógł: 22 Dołączył: 21.05.2007 Skąd: Elbląg Ostrzeżenie: (0%) |
Pokaż stronę, proszę.
(dostałem link na pw więc nie pokazuję go tutaj.) Myślę że powinieneś inaczej ułożyć strony jeśli chodzi o divy. Umieść divy takie jak logo, top-menu w jednym kontenerze i w drugim kontenerze ew. boczne menu i box na treść. A div footera w takiej postaci powinien być dobry (tylko przykład): Kod #footer {
clear: both; color: #FFF; background: #A9BAC3; margin: 0; padding: 0; height: 50px; font-size: 95%; } |
|
|
15.10.2008, 21:10:26
Post
#6
|
|
Grupa: Zarejestrowani Postów: 29 Pomógł: 1 Dołączył: 28.09.2008 Skąd: Z drugiej strony kabla Ostrzeżenie: (0%) |
Thx, strona działa jak ta lala . Jakby nie Ty to bym do tego nie doszedł.
Pozdro -------------------- PHP & MySQL
|
|
|
Wersja Lo-Fi | Aktualny czas: 5.06.2024 - 05:54 |