Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][CSS] Problem z wygladem strony =/
Kubik213
post
Post #1





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 25.04.2009

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


U ludzi z innymi monitorami niż mój (tabelka na srodku) wygląda tak:


U mnie wygląda to tak (i tak być powinno u każdego):



--- i pytanie --- jak to zrobić, aby ciągle było na środku? nie przesuwało się =/?
w css mam tak:
Cytat
.header-box {
margin: 0px 0 0 378px;
overflow: hidden;
width: 585px;

}



KOD:
Cytat
<div class="page">
<div class="header-wrapper"><div class="header-boks">KodPHP</div>
<div id="header">
<div class="header-box" id="content">

<br/><br/><table width="100%"><td width="1%"><font color=" #CCFF99" size="1">
KodPHP
</td><td width="1%"><font color=" #CCFF99" size="1">
KodPHP
</td></table></font>
</div>
</div> </div>


</div>



http://mocnyfull.no-ip.org/accmaker/

Ten post edytował Kubik213 2.05.2009, 17:08:22
Go to the top of the page
+Quote Post
gulldarek
post
Post #2





Grupa: Zarejestrowani
Postów: 156
Pomógł: 15
Dołączył: 13.09.2003
Skąd: London

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


Tu problemem nie jest monitor tylko interpretacja Twojego kodu przez rozne przegladarki. Wklej kod odpowiedzialny za ta tabele.
Go to the top of the page
+Quote Post
insecure
post
Post #3





Grupa: Zarejestrowani
Postów: 14
Pomógł: 1
Dołączył: 2.05.2009

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


Podaj adres do strony, zerknę w kod.

Znalazłem błędy, chciałem spisać Ci zmiany z pliku CSS i HTML, aczkolwiek serwer już nie odpowiada, strona się nie ładuje.
Go to the top of the page
+Quote Post
Kubik213
post
Post #4





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 25.04.2009

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


robiłem reset komputera, może dlatego, weź sprawdź teraz - na pewno działa!
Go to the top of the page
+Quote Post
insecure
post
Post #5





Grupa: Zarejestrowani
Postów: 14
Pomógł: 1
Dołączył: 2.05.2009

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


Popraw te rzeczy, które podałem i powinno działać. Generalnie ten kod jest do zmiany. Ja osobiście wiele rzeczy bym tam zmienił

To zmodyfikuj:
Kod
.header-boks {
                margin: 0px 0 0 520px;
                overflow: hidden;
                width: 225px;
                height: 100px;
                
            }


Na:
Kod
.header-boks {
                margin: 0px auto;
                overflow: hidden;
                width: 100%;
                height: 100px;
                
            }


To zmodyfikuj:
Kod
#header {
                height: 250px;
                margin: 0;
                overflow: hidden;
                position: relative;
                width: 930px;
            }


Na:
Kod
#header {
                height: 250px;
                margin: 0;
                overflow: hidden;
                position: relative;
                width: 100%;
            }


Oraz to zmodyfikuj:
Kod
.header-box {
            margin: 0px 0 0 378px;
            overflow: hidden;
            width: 585px;
        
        }


Na:
Kod
.header-box {
            margin: 0px auto;
            padding-left: 72px;
            overflow: hidden;
            width: 585px;
        
        }


Ten post edytował insecure 2.05.2009, 17:31:47
Go to the top of the page
+Quote Post
gulldarek
post
Post #6





Grupa: Zarejestrowani
Postów: 156
Pomógł: 15
Dołączył: 13.09.2003
Skąd: London

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


Przede wszystkim popraw kod, bo obecnie wyglada nastepujaco:

  1. <table width=\"80%\" border=\"0\" class=\"barabara\"><tr>
  2. <td width="20%"><font color="green"><font size="1" color="green">0g 0m</font></font></td>
  3. <td width="56%"><a href="?subtopic=characters&name=Moj+Zioms"><font color="red" size="1"><b>Moj Zioms</font></b></a><font color="#CCFF99" size="1">(150)</font></td>
  4.  
  5. <td width="40%"><font color="green" size="1">+19050xp</font></td>
  6. </tr></table>
  7.  
  8. <table width=\"80%\" border=\"0\" class=\"barabara\"><tr>
  9. <td width="20%"><font color="green"><font size="1" color="green">0g 0m</font></font></td>
  10. <td width="56%"><a href="?subtopic=characters&name=Rook+Sample"><font color="red" size="1"><b>Rook Sample</font></b></a><font color="#CCFF99" size="1">(1)</font></td>
  11. <td width="40%"><font color="green" size="1">+0xp</font></td>
  12.  
  13. </tr></table>
  14.  
  15. <table width=\"80%\" border=\"0\" class=\"barabara\"><tr>
  16. <td width="20%"><font color="green"><font size="1" color="green">0g 0m</font></font></td>
  17. <td width="56%"><a href="?subtopic=characters&name=Sorcerer+Sample"><font color="red" size="1"><b>Sorcerer Sample</font></b></a><font color="#CCFF99" size="1">(1)</font></td>
  18. <td width="40%"><font color="green" size="1">+0xp</font></td>
  19. </tr></table>
  20.  
  21. <table width=\"80%\" border=\"0\" class=\"barabara\"><tr>
  22.  
  23. <td width="20%"><font color="green"><font size="1" color="green">0g 0m</font></font></td>
  24. <td width="56%"><a href="?subtopic=characters&name=Druid+Sample"><font color="red" size="1"><b>Druid Sample</font></b></a><font color="#CCFF99" size="1">(1)</font></td>
  25. <td width="40%"><font color="green" size="1">+0xp</font></td>
  26. </tr></table>


Zamien \" na ", jak to zrobisz to daj znac.
Go to the top of the page
+Quote Post
Kubik213
post
Post #7





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 25.04.2009

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


dobrze jest biggrin.gif, pomógł mi bardzo insecure - za co mu Bóg zapłać!

Dziękuje wszystkim za pomoc i do usłyszenia tongue.gif
Go to the top of the page
+Quote Post
gulldarek
post
Post #8





Grupa: Zarejestrowani
Postów: 156
Pomógł: 15
Dołączył: 13.09.2003
Skąd: London

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


Owszem, w Firefox wyglada teraz dobrze, ale dobrze nie jest bo Twoj kod html nie jest poprawny.
Go to the top of the page
+Quote Post
Kubik213
post
Post #9





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 25.04.2009

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


okej dzięki gulldarek w IE i Operze byla taka tabelka - poprawilem to - dzięki ziomuś ;D
Go to the top of the page
+Quote Post
insecure
post
Post #10





Grupa: Zarejestrowani
Postów: 14
Pomógł: 1
Dołączył: 2.05.2009

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


Kod jest do generalnie do poprawy snitch.gif
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 21.08.2025 - 23:39