Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]Rozjeżdzanie się divów
lwc
post
Post #1





Grupa: Zarejestrowani
Postów: 69
Pomógł: 11
Dołączył: 5.10.2008
Skąd: Wielkopolska

Ostrzeżenie: (0%)
-----

Witam, mam pewien problem związany z divami. Otóż jestem w trakcie tworzenia pewnej stronki. W tej chwili robię jej wygląd, jednak mam problem z divami, które nie trzymają się "kupy." Teoretycznie strona wygląda ok, ale jeżeli scrollem przybliżą lub oddale stronę, od razu wszystko zmienia swoje położenie, mówiąc delikatnie, lata gdzie chce. Tak się dzieje w FF, w Operze od razu wszystko jest źle poukładane, IE to już porażka. Głównie chodzi o div "srodkowa" z napisem "Strona Główna". Tutaj dam kod i screen. Mam nadzieję, że pomożecie, aby tak się nie działo, bo ja już nie mam pojęcia czemu tak, a nie inaczej.

Screen: http://img262.imageshack.us/img262/1685/divlj7.jpg

arkusz.css
Kod
  .menu {
    font-size: 15px;
    font-family: Tahoma;
    letter-spacing: 1px;
    line-height: 18px;
    margin-top: 10px;
    padding: 5px;
    padding-top: 0px;
  
  }
  
  .menu ul {
    list-style: none;
  }
  
  .lewa {
    border: 1px solid #C6C6C6;
    width: 190px;
    margin-top: 3px;
    float: left;
  
  }
  
  .gora {
    border: 1px solid #C6C6C6;
    float: left;
    margin-top: 3px;
    width: 1000px;
    height: 100px;
  }
  
  .prawa {
    border: 1px solid #C6C6C6;
    float: right;
    width: 190px;
    margin-top: 3px;
    text-align: center;
    margin-right: 6px;
  }
  
  .prawa img {
  
    margin-bottom: 3px;
  }
  
  .lewa form {
    margin-top: 35px;
    text-align: center;
    margin-bottom: 3px;
    font-size: 13px;
    font-family: Tahoma;
  }
  
  h1 {
  
    font-size: 16px;
    font-family: Tahoma;
    text-align: center;
  }
  
  .srodkowa {
    margin-top: 3px;
    margin-left: 3px;
    border: 1px solid #C6C6C6;
    float: left;
    width: 610px;
  }


index.php
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
  5. <title>elo</title>
  6. <meta name="description" content="elo">
  7. <meta name="keywords" content="elo">
  8. <meta name="author" content="lwc">
  9. <link rel="stylesheet" href="arkusz.css" type="text/css">    
  10. </head>
  11. <body>
  12.  
  13. <!--gora-->
  14. <div class="gora">
  15. <img src="images/logo.jpg" alt="logo">
  16. </div>
  17.  
  18. <!--lewa-->
  19. <div class="lewa">
  20.  
  21. <!-- Menu -->
  22. <h1>Menu</h1>
  23. <div class="menu">
  24. <ul>
  25. <li><a href="index.php?id=1">Strona Główna</a></li>
  26. <li><a href="index.php?id=2">Linki</a></li>
  27. <li><a href="ksiega.php">Księga Gości</a></li>
  28. <li><a href="index.php?id=3">Kontakt</a></li>
  29. </ul>
  30. </div>
  31.  
  32. <!--formularz logowania-->
  33. <form action="logowanie.php" method="POST">
  34. <h1>Logowanie</h1>
  35. <br>Login:<br>
  36. <input type="text" name="login">
  37. <br>Hasło:<br>
  38. <input type="password" name="password">
  39. <input type="submit" name="przycisk" value="Zaloguj">
  40. </form>
  41. </div>
  42.  
  43. <!--prawa-->
  44. <div class="prawa">
  45. <h1>Reklama</h1>
  46. <img src="images/reklama.jpg" alt="reklama">
  47. <a href="http://www.we.krolnet.pl" target="_blank"><img style="border: 0px;" src="http://www.we.krolnet.pl/reklama/button.jpg" alt="Web Edit - Edytor HTML, PHP, CSS. Posiada dużo funkcji i generatorów."></a>
  48. </div>
  49.  
  50. <!--srodkowa-->
  51. <div class="srodkowa">
  52. <h1>Strona Główna</h1>
  53. <?
  54. include 'include.php';
  55. ?>
  56. </div>
  57.  
  58. </body>
  59. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 3)
Zac
post
Post #2





Grupa: Zarejestrowani
Postów: 27
Pomógł: 2
Dołączył: 9.06.2008

Ostrzeżenie: (0%)
-----

może warto poczytać o pozycjonowaniu ?
Go to the top of the page
+Quote Post
trucksweb
post
Post #3





Grupa: Zarejestrowani
Postów: 1 199
Pomógł: 31
Dołączył: 22.03.2004
Skąd: Warszawa

Ostrzeżenie: (0%)
-----

div class srodkowa powinna byc umieszczona miedzy lewa i prawa strona- w kodzie php a nie na koncu.
POD IE musisz zmniejszyc wartosci wymiarow- albo dodac dla IE wyjatki w css


--------------------
Rozmawia dwóch dyrektorów:
- Jaki jest twój ideał sekretarki?
- 20-letnia dziewczyna z 30-letnim doświadczeniem.
Go to the top of the page
+Quote Post
lwc
post
Post #4





Grupa: Zarejestrowani
Postów: 69
Pomógł: 11
Dołączył: 5.10.2008
Skąd: Wielkopolska

Ostrzeżenie: (0%)
-----

Czytałem o pozycjonowaniu na kurshtml.boo.pl i szczerze mówiąc nie rozumiem tego za bardzo. Ja mam ogólnie duży problem ze zrozumieniem css'a, ale coś potrafię zrobić. Z tym poradzić sobie nie mogę, więc proszę o pomoc innych. Ja mogę pisać różne skrypty logowania itp. w PHP, ale z szablonem strony zawsze miałem problemy. Wszystko przez css'a. Mogę na was liczyć ?

PS.
Dzięki trucksweb zaraz looknę winksmiley.jpg

Ten post edytował lwc 12.10.2008, 08:53:08
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 22.08.2025 - 04:29
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn