Autor Zpráva
chleeba
Profil
Mám problém jakmile otevřu stránku v Chromu tak Ok ale jak v IE tak jeto rozpadnuté jestli dobře počítám tak bych měl mít všechny hodnoty jako velikosti sloupcu margin v pořádku tak kde je chyba!! Prosím pomozte nevím co stím.

zkušební web: http://chleeba.ic.cz/

CSS:
body {
font-family: monospace;
font-size: 14px;
color: #616161;
margin-right: auto;
margin-left: auto;
text-align: center;
background-color: #dedddc;
}

#box {
width: 1000px;
height: 650px;
margin-top: 80px;
margin-right: auto;
margin-left: auto;
text-align: center;
}

/* ------------------------------ Leftnav ---------------------------------*/

#leftnav {
float: left;
width: 140px;
height: 630px;
color: #82807e;
text-align: right;
margin-right: 10px;
}

/* ------------------------------ Rightnav---------------------------------*/

#rightnav {
float: right;
width: 850px;
height: 630px;
background-color: #ffffff;
}

/* ------------------------------ Left ---------------------------------*/

#left {
float: left;
width: 375px;
height: 610px;
margin-top: 10px;
margin-bottom: 10px;
}

#logo {
float: left;
width: 260px;
height: 200px;
margin-top: 120px;
margin-left: 57.5px;
margin-right: 57.5px;
background-image: url(img/logo.jpg);
}

/* ------------------------------ Right ---------------------------------*/

#right {
float: right;
width: 465px;
height: 610px;
background-image: url(img/index.jpg);
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
display: inline;
}

/* ------------------------------ Footer ---------------------------------*/

#footer {
clear: both;
height: 20px;
width: 1000px;
text-align: center;
background-color: red;
}
jenikkozak
Profil
chleeba:
ale jak v IE tak jeto rozpadnuté
Mně se to zobrazuje v IE dost podobně jako ve Chromu. V čem je vlastně ten rozdíl?

(Mimochodem ten tvůj dotaz bez zkopírovaného CSS vypadal lépe.)
chleeba
Profil
chleeba:
Doplnil jsem display: inline;

CSS:

/* ------------------------------ Left ---------------------------------*/

#left {
float: left;
width: 375px;
height: 610px;
margin-top: 10px;
margin-bottom: 10px;
}

#logo {
float: left;
width: 260px;
height: 200px;
margin-top: 120px;
margin-left: 57.5px;
margin-right: 57.5px;
background-image: url(img/logo.jpg);
display: inline;
}

/* ------------------------------ Right ---------------------------------*/

#right {
float: right;
width: 465px;
height: 610px;
background-image: url(img/index.jpg);
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
display: inline;
}

/* ------------------------------ Footer ---------------------------------*/

Jeto řešení ??? Už to jinak zobrazuje jak má.
jenikkozak
Profil
chleeba:
Jeto řešení ??? Už to jinak zobrazuje jak má.
Neřekl bych, že nastavením display:inline jsi vyřešil ten pro mne neviditelný problém. Ale když myslíš. Pokud to funguje, jak má, je to zřejmě řešením. ;-)
Jestli třeba nebyl problém v tom, že můj monitor dost dobře nezvládá zobrazovat půlky pixelů.
panther
Profil
chleeba:
display: inline na místě, kam jsi jej doplnil, může zachránit jen double-margin bug v IE6.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0