Autor Zpráva
nvm
Profil *
Jak se zbavim 3px vyklenuti textu v pravem sloupci v ie?


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<style type="text/css">
#main {
width: 200px;
}
#levy {
float: left;
width: 100px;
height: 50px;
background-color: pink;
color: #fff;
}
#pravy {
margin-left: 100px;
background-color: #dadada;
}
</style>
</head>
<body>
<div id="main">
<div id="levy">levy </div>
<div id="pravy">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec augue mi, dignissim ut, accumsan nec, euismod sed, ipsum. Quisque pulvinar elit at ligula. Sed ac sem fringilla arcu rhoncus varius. Nunc sem nunc, vestibulum eget, eleifend sed, gravida sit amet, nulla.
</div>
</div>
</body>
</html>
habendorf
Profil
vygoogli si 3px bug
knopi
Profil *
Dero to hezky zpracoval http://ie-brouci.dero.name/double-margin.html .
habendorf
Profil
To není double margin. To je 3px bug.
nvm
Profil *
habendorf
3px znam, ale tohle vypada na ponekud slozitejsi pripad, pls schvalne zkus poresit.

knopi
Tam dero resi jenom zakladni 3px bug, a potom obrazek...
Knopi
Profil
habendorf: Pardon, to jsem to ale popleta.
Knopi
Profil
nvm: To podle mě není žádný bug. Zkus vynulovat okraje

* {
margin: 0;
padding: 0;
}

a mělo by to být oukej.
habendorf
Profil
Vzhledem k tomu, že máš pevnou šířku, tak bych floatnul i #pravy (samozřejmě vyhodit margin).
habendorf
Profil
Knopi: Nechci tě pořád opravovat, abych se tě nějak nedotknul, ale skutečně to je bug. BTW div nemá žádný defaultní margin/padding´.
nvm
Profil *
kdepak, nezabira
nvm
Profil *
ad 2 (floatnout #pravy)
Tj to by bylo reseni, ale me zajimalo, jestli to nejde jen pri floatovani levyho sloupce.
nvm
Profil *
Neni to zadny konkretni reseni, proste jsem si dneska opakoval vsechny mozny implementacni chyby iecka, narazil jsem na clanek Jana Biena na Intervalu, sjizdel si vsechny pripady az sem narazil na tenhle, kterej tam nema ani poradne doresenej (4b, viz. posledni komentar).
Knopi
Profil
habendorf:
Nechci tě pořád opravovat, abych se tě nějak nedotknul, ale skutečně to je bug...
Doby kdybyses mě dotknul jsou dávno pryč. :) Jsem rád, že jsi mě opravil, nerad bych, abych tu šířil nějaké bláboli. Takže se omlouvám. Už jsem v obraze. Jukal jsem na vnější odsazení a tím jsem to tady pěkně poplet. Na tuto chybu jsem úplně zapomněl a teď na ní koukám jako bych ji viděl poprvé přitom jsem ji před časem řešil. Opakování je matka moudrosti. Takže ještě jednou se omlouvám...
nvm
Profil *
Kdyby mi nezalezelo na nulovy mezere mezi obema bloky, tak by bylo reseni jednoduchy. Nastavim vysku bloku #pravy (napr _height: 1px) a zbavim se vyklenuti, ale zavlecu si 3px chybu, kterou muzu zkorigovat nastavenim mensiho levyho okraje bloku #pravy, jenze nikdy se nedostanu na nulovou mezeru mezi obema bloky, proste se vzdycky zastavi prave na 3px.
Dokazu si predstavit, ze pri pouzivani pozadi pri skladackovy metode to muze bejt problem, zkratka mam v tomhle pripade hodit reseni jeden blok floatnutej a druhej razenej normalne za hlavu?
Plaváček
Profil
nvm

Co použít matrjošku? Do zlobivého DIVu vrazíš ještě jeden a tomu nastavíš width:100%. A máš vyřešeno. Dělám to tak celý život.
nvm
Profil *
Hmm vazne diky, 3px mezera sice zustala, ale je po cely vysce a hlavne uz neni venku, ale uvnitr, kde je odsazeni textu (vetsi jak 3px) vetsinou zadouci.
Toto téma je uzamčeno. Odpověď nelze zaslat.