Autor Zpráva
Adam Dvořák
Profil
Zdravím, upravuji webové stránky v beta-verzi. Jenom mi strašně vadí nekompatibilita ve všech prohlížečích.
ententyky.eu
Asi nejvíce mi vadí to logo. V IE je hezky uprostřed, ale ostatní prohlížeče? Katastrofa.
Vím, kde je chyba:
<script>
function centerEl(id){
             document.all[id].style.pixelLeft = (document.body.offsetWidth - 890) / 2;
</script>
Ten skript zvládá jen IE. Na fórech jsem našel řešení, použití document.all[id].style.Left , jenže to mi nikdy nefungovalo.
Zkoušel jsem třeba:
<script>
var center_header
function centerEl(id){
             document.all[id].style.pixelLeft = (document.body.offsetWidth - 890) / 2;
             center_header = (document.body.offsetWidth - 890) / 2;
             document.all[id].style.Left = center_header + "px";
</script>
Jenže - nic.
Máte nějaký návrh, jak to zprovoznit?

PS: Nemohu do udělat s Margin auto, protože je to fixed (když bude dlouhá stránka, ta hlavička zůstane)
margin
Profil *
Matrjošku znáš? Teď nemám na mysli matrjosku hack, ale obecně, přidáš další obalový element. Jeden element budeš pozicovat, druhý element použiješ pro vycentrování.
#header
{
width: 100%;
height: auto;
background-color:white;
position: fixed;
position: "absolute";
top: 0px;
text-align:center
}
#logo
{
width: 890px;
margin: auto;
}
</style>

</head>
<body style="margin: 0px;">

<div id="header">
<div id="logo">
Nezapomeň ten vnořený DIV s id logo zavřít a dej mu nějaké vhodnější jméno, protože je v něm i menu.
Adam Dvořák
Profil
margin:
Ten jsem zkoušel, ale pak se ta header posune kus od vršku a dělá průhlednou mezeru... To znamená, že když skroluju, je to vidět,
Ale zkusím


margin
Jo, tak jsem to zkusil a funguje to, děkuji.
Jen se chci zeptat, jak by to šlo udělat s tím document.all[id].style.Left ?

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: