Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Problem z wygladem strony =/
Forum PHP.pl > Forum > Przedszkole
Kubik213
2.05.2009, 16:56:55
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/
gulldarek
2.05.2009, 17:00:40
Tu problemem nie jest monitor tylko interpretacja Twojego kodu przez rozne przegladarki. Wklej kod odpowiedzialny za ta tabele.
insecure
2.05.2009, 17:21:59
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.
Kubik213
2.05.2009, 17:22:53
robiłem reset komputera, może dlatego, weź sprawdź teraz - na pewno działa!
insecure
2.05.2009, 17:30:26
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;
        
        }
gulldarek
2.05.2009, 17:31:09
Przede wszystkim popraw kod, bo obecnie wyglada nastepujaco:

[HTML] pobierz, plaintext 
  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>
[HTML] pobierz, plaintext


Zamien \" na ", jak to zrobisz to daj znac.
Kubik213
2.05.2009, 17:35:07
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
gulldarek
2.05.2009, 17:40:56
Owszem, w Firefox wyglada teraz dobrze, ale dobrze nie jest bo Twoj kod html nie jest poprawny.
Kubik213
2.05.2009, 17:49:02
okej dzięki gulldarek w IE i Operze byla taka tabelka - poprawilem to - dzięki ziomuś ;D
insecure
2.05.2009, 17:57:07
Kod jest do generalnie do poprawy snitch.gif
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.