Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Rozjeżdżające się div-y.
Jojo
post
Post #1





Grupa: Zarejestrowani
Postów: 405
Pomógł: 1
Dołączył: 19.09.2003
Skąd: Lublin

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


Aktualnie pracuję nad stroną, która miała być w całości zrealizowana w XHTML. Postanowiłem nie korzystać ze znaczników <table>, tylko oprzeć wszystko o <div>. Nie będę dokładnie opisywał problemu. Sądzę, że linki do screenów wszystko wyjaśnią. Oto one:

Tak miały wyglądać ramki i tak wyglądają w Opera 7.51
Mozilla 1.7
IE 6

Jak zapewne zauważyliście w każdej przeglądarce strona wygląda inaczej.

Tak wygląda kod XHTML, który bezbłędnie przechodzisprawdzanie w Validatorze (tekst wyciąłem dla poprawienia czytelności):
  1. <?xml version="1.0" encoding="iso-8859-2"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
  5.  
  6.  
  7. <title>Test</title>
  8. <meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
  9. <meta http-equiv="content-language" content="pl" />
  10. <link rel="stylesheet" href="stylesheet/style.css" type="text/css" />
  11.  
  12. </head>
  13.  
  14.  
  15. <div class="main">
  16. <div class="info">
  17. Lorem ipsum.<br />
  18. Lorem ipsum.
  19. </div>
  20. <div class="links">
  21. Lorem ipsum.
  22. </div>
  23. <div class="versions">
  24. Lorem ipsum.
  25. </div>
  26. </div>
  27.  
  28. </body>
  29.  
  30. </html>


Tak natomiast wygląda kod CSS:
Kod
body {
    text-align: center;
    font-family: Verdana, sans-serif;
    font-size: 11px;
}

div.main {
    border-style: solid;
    border-width: 1px;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    text-align: justify;
    width: 760px;
}

div.info {
    border-style: solid;
    border-width: 1px;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 5px;
    text-align: justify;
}

div.links {
    border-style: solid;
    border-width: 1px;
    float: left;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    margin-left: 0px;
    margin-right: auto;
    padding: 5px;
    text-align: center;
    width: 300px;
}

div.versions {
    border-style: solid;
    border-width: 1px;
    float: right;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    margin-left: auto;
    margin-right: 0px;
    padding: 5px;
    text-align: justify;
    width: 431px;
}


Kombinowałem z tym bardzo długo ale nie mogę nic wymyślić. W jaki sposób zmienić te pliki, aby we wszystkich przeglądarkach strona wyglądała tak jak w Operze?
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 18.09.2025 - 17:25