Centrovaný design v IE

Vím, že to je ohrané téma, ale potřebuju poradit. Předělávám layout svého webu a centruju ho. V Opeře a FF funguje všechno bez problémů, ale to IE...:ms_0767:Hlavně obsah je posunuté až pod menu, místo aby bylo vedle něj. Zkoušel jsem použít hacky, ale jaksi mi to nevyšlo. Pls poradí někdo?? Díky.

Přikládám velice zjednodudšenou verzi bez hacků. Zvýraznil jsem <div> s hlavním obsahem, aby byl problém zřetelný.

<?xml version="1.0" encoding="windows-1250"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs">

<head>

<style>

body{background-color:#3F3F3F;color:#A5A5A5;text-align:center}

#page{position:relative;width:760px;margin:auto;text-align:left}

#header{position:relative;width:760px;height:100px;margin-bottom:0px;padding:5px;border-style:dashed;border-top-width:0px;border-bottom-width:1px;border-left-width:0px;border-right-width:0px}

#logo{position:absolute;width:760px;height:100px;color:#A5A5A5;background-image:url('../images/layout/logo2.jpg');background-repeat:no-repeat;border-style:none}

#menu{position:relative;float:left;margin:0px;  padding:5px;  width:150px;font-family:Verdana;font-size:11px;text-align:left;font-weight:normal;color:#A5A5A5;border-style:dashed;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:1px}

#content-justify{position:relative;margin-left:160px;padding:5px;width:600px;font-family:Verdana;font-size:14px;color:#A5A5A5;text-align:justify;font-weight:normal;border-style:solid;border-color:green}

#footer{position:relative;clear:both;padding:5px;margin-top:0px;width:760px;font-family:Verdana;color:#A5A5A5;font-size:11px;text-align:center;border-style:dashed;border-top-width:1px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px}

#menu ul{font-family:Verdana;font-size:11px;text-align:left;list-style-type:none;margin-left:1px;padding-left:5px}

#menu li{font-family:Verdana;font-size:11px;text-align:left;list-style-type:none;border-width:3px;border-left:solid;border-color:#999999;margin-left:1px;padding-left:5px}

#menu li:hover{font-family:Verdana;font-size:11px;text-align:left;list-style-type:none;border-width:3px;border-left:solid;border-color:#FFCC33}

h1{font-family:Verdana;color:#A5A5A5;font-size:x-large;text-align:center}

</style>

</head>

<body>

  <div id='page'>

    <div id='header'>

      <a id='logo' href='index.php?page=uvod'></a>

    </div>

    <div id='menu'>

      <ul>

        <li><a href='#'>Odkaz</a></li>

        <li><a href='#'>Odkaz</a></li>

        <li><a href='#'>Odkaz</a></li>

        <li><a href='#'>Odkaz</a></li>

        <li><a href='#'>Odkaz</a></li>

      </ul>

    </div>

    <div id='content-justify'>

      <h1>Nadpis</h1>

      <p>Hlavní text</p>

    </div>

    <div id='footer'>

      <p>Patička</p>

    </div>

  </div>

</body>

</html>

Nahlásit jako SPAM

IP: ...–

Martin Šmarda 0

Návštěvník

25. 11. 2006 #2

A v čem to píšeš? Je to dost důležité (chybí ti tam doctype, případný xhtml prolog).

Nahlásit jako SPAM

IP: ...–

Život je pes, a pes je nejlepš přítel člověka!

Josef Vítů 0

Super člen

25. 11. 2006 #3

Na to jsem zapomněl - mazal jsem hlavičku a omylem i DTD a ostatní. Píšu v XHTML 1.0 Transitional.

Nahlásit jako SPAM

IP: ...–

Martin Šmarda 0

Návštěvník

25. 11. 2006 #4

už vím, to posunutí dolů bude ve špatné interpretaci paddingu v IE. pojednává o tom http://www.jakpsatweb.cz/css/mody-prohlizecu.html
musí se to ohackovat. zkus tohle:



<style>

body{background-color:#3F3F3F;color:#A5A5A5;text-align:center}

#page{position:relative;width:760px;margin:auto;text-align:left}

#header{position:relative;width:760px;height:100px;margin-bottom:0px;padding:5px;border-style:dashed;border-top-width:0px;border-bottom-width:1px;border-left-width:0px;border-right-width:0px}

#logo{position:absolute;width:760px;height:100px;color:#A5A5A5;background-image:url('../images/layout/logo2.jpg');background-repeat:no-repeat;border-style:none}

#menu{position:relative;float:left;margin:0px;  padding:5px;_width:140px;width:150px;font-family:Verdana;font-size:11px;text-align:left;font-weight:normal;color:#A5A5A5;border-style:dashed;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:1px}

#content-justify{position:relative;margin-left:160px;padding:5px;width:600px;_width:590px;font-family:Verdana;font-size:14px;color:#A5A5A5;text-align:justify;font-weight:normal;border-style:solid;border-color:green}

#footer{position:relative;clear:both;padding:5px;margin-top:0px;width:760px;font-family:Verdana;color:#A5A5A5;font-size:11px;text-align:center;border-style:dashed;border-top-width:1px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px}

#menu ul{font-family:Verdana;font-size:11px;text-align:left;list-style-type:none;margin-left:1px;padding-left:5px}

#menu li{font-family:Verdana;font-size:11px;text-align:left;list-style-type:none;border-width:3px;border-left:solid;border-color:#999999;margin-left:1px;padding-left:5px}

#menu li:hover{font-family:Verdana;font-size:11px;text-align:left;list-style-type:none;border-width:3px;border-left:solid;border-color:#FFCC33}

h1{font-family:Verdana;color:#A5A5A5;font-size:x-large;text-align:center}

</style>

zkusil jsem to v IE 6

Nahlásit jako SPAM

IP: ...–

Život je pes, a pes je nejlepš přítel člověka!

Josef Vítů 0

Super člen

25. 11. 2006 #5

To RobinHood: Podtr??tkov? hack (i n?jak? dal??) jsem zkou?el, probl?m st?le p?etrv?v?. P?ep?nat m?dy u IE taky nem??u (kv?li XML deklaraci). Zkus?m je?t? Googlit.

EDIT: Do?etl jsem se, ?e IE7 by m?lo b?t ve standartn?m re?imu i s uvedenou XML deklarac?. Ale stejn? mi v n?m str?nka nefunguje?:ms_0934:?

Nahlásit jako SPAM

IP: ...–

← Zpět na seznam vláken ← Zpět do Fóra