Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML][PHP]Różnica w wyświetlaniu elementów
Forum PHP.pl > Forum > Przedszkole
ArtSpire
Witam!

Mam problem ze stroną. Utworzyłem projekt, który dobrze działa na moim komputerze. Prócz tego kilku znajomych powiedziało, że wszystko działa dobrze również u nich. Aczkolwiek kilka osób ma problemy z umiejscowieniem tekstu z działu "O NAS".

Tekst powinien wyświetlać się na tym samym poziomie co "SZYBKI KONTAKT" - tylko, że po prawej stronie. Natomiast błędnie niektórym użytkownikom wyświetla się na dole po lewej pod menu.

W czym tkwi problem? Ktoś potrafi pomóc? Szukam, poprawiam, naprawiam i nic...

Link roboczy: http://8de8cinc1pgz.az.pl/
novy85
prawdopodobnie w css masz błąd:

masz tak:
  1. #lefttable {
  2. text-align: left;
  3. padding: 5px;
  4. margin-left: 40px;
  5. width: 190px;
  6. border: 1px solid black;
  7. background-color: #262626;
  8. }
  9.  
  10. #righttable {
  11. text-align: left;
  12. padding-top: 10px;
  13. padding-left: 10px;
  14. padding-right:0px;
  15. margin-right: 0px;
  16. width: 607px;
  17. border: 1px solid black;
  18. border-right: 0px;
  19. background-color: #262626;
  20. }


a powinno być:
  1. #lefttable {
  2. text-align: left;
  3. padding: 5px;
  4. margin-left: 40px;
  5. width: 190px;
  6. border: 1px solid black;
  7. background-color: #262626;
  8. }
  9.  
  10. #righttable {
  11. text-align: left;
  12. padding-top: 5px;
  13. padding-left: 10px;
  14. padding-right:0px;
  15. margin-right: 0px;
  16. width: 607px;
  17. border: 1px solid black;
  18. border-right: 0px;
  19. background-color: #262626;
  20. }


dokładnie to chodzi o padding, w left masz padding: 5px czyli padding-top: 5px a w right masz padding-top:10px

do testowania stronek pod różnymi przeglądarkami polecam https://browserlab.adobe.com jak na razie darmowe, emuluje najpopularniejsze przeglądarki w różnych wersjach
ArtSpire
Niestety to nie jest powodem błędnego wyświetlania się strony... Jednak dziękuję za poradę.
mortus
Wydaje mi się, że righttable jest za szerokie co najmniej o 3px. Zauważ, że div#right ma 615px, a div#rightable ma 607px + 10px (padding-left) + 1px (border) = 618px! Problem może rozwiązać dodanie do div#right czegoś takiego:
Kod
overflow: hidden;
Ale raczej zmniejszyłbym szerokość div#rightable o 3 albo 4 px.
EDIT:
Dodaj również
  1. <div style="clear: both;"></div>
w tym miejscu:
  1. <div id="content">
  2. <div id="left"></div>
  3. <div id="right"></div>
  4. <div style="clear: both;"></div>
  5. </div>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.