Witam.
Czy da się jakoś usunąć tę przerwę, którą widać na przykładzie?
update
Chodzi mi o przeglądarkę MSIE.
Pełna wersja: [css] Problem z float dla div
jakies zrodla..
Cytat
jakies zrodla..
jak dal przyklad nie umiesz dac pokaz zrodlo....
ciekawy przypadek... kombinowalem z paddingami, marginami i narazie nic... przerobilem tego diva na tabelke i tez nic... sprobuje jescze pozniej poprobowac.......
Cytat
ciekawy przypadek...
MSIE zawsze ma ciekawe przypadki ](*,)
Szukalem czegos o tym - takie cos znalazlem - to jest bug w IE:
:arrow: http://www.positioniseverything.net/floatmodel.html
:arrow: http://www.google.pl/search?hl=pl&ie=UTF-8...lem+ie+html&lr=
A rozwiazanie to:
[xml:1:599b270044]<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" />
<style>
#d1 { float: left; background: #ff9; margin-right: -3px;}
#d2 { background: #f9f; }
#d3 { background: #cff; }
</style>
</head>
<body>
<div id="d1">div d1<br/>float right</div>
<div id="d2">
| <- przeszkadza mi ta przerwa<br/>
| <br/>
| <- tu już jej nie ma<br/>
| <br/>
</div>
</body>
</html>[/xml:1:599b270044]
Wada taka, ze na czymkolwiek innym niz IE sie sypie...
:arrow: http://www.positioniseverything.net/floatmodel.html
:arrow: http://www.google.pl/search?hl=pl&ie=UTF-8...lem+ie+html&lr=
A rozwiazanie to:
[xml:1:599b270044]<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" />
<style>
#d1 { float: left; background: #ff9; margin-right: -3px;}
#d2 { background: #f9f; }
#d3 { background: #cff; }
</style>
</head>
<body>
<div id="d1">div d1<br/>float right</div>
<div id="d2">
| <- przeszkadza mi ta przerwa<br/>
| <br/>
| <- tu już jej nie ma<br/>
| <br/>
</div>
</body>
</html>[/xml:1:599b270044]
Wada taka, ze na czymkolwiek innym niz IE sie sypie...
Dzięki Paul.
Więc takie wykorzystanie float trzeba wyrzucić do śmietnika. Niby css ma duże możliwości, ale w starciu z przeglądarkami trzeba się sporo nakombinować, żeby w ogóle coś z tego wyszło.
Można się pozbyć tego marginesu dając we wszystkich div float: left, ale to stwarza następne problemy. Narazie jednak jakoś sobie radze 8) .
Więc takie wykorzystanie float trzeba wyrzucić do śmietnika. Niby css ma duże możliwości, ale w starciu z przeglądarkami trzeba się sporo nakombinować, żeby w ogóle coś z tego wyszło.
Można się pozbyć tego marginesu dając we wszystkich div float: left, ale to stwarza następne problemy. Narazie jednak jakoś sobie radze 8) .
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.