[HTML][CSS] Problem z wygladem strony =/ Opcje

[Kubik213]

U ludzi z innymi monitorami niż mój (tabelka na srodku) wygląda tak:
(IMG:http://image-fast.com/image/a205ed56ca11/zle2.jpg)

U mnie wygląda to tak (i tak być powinno u każdego):
(IMG:http://image-fast.com/image/b670dfc59334/dobrze.jpg)


--- i pytanie --- jak to zrobić, aby ciągle było na środku? nie przesuwało się =/?
w css mam tak:

.header-box {
margin: 0px 0 0 378px;
overflow: hidden;
width: 585px;

}

KOD:

<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

[insecure]

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