Zaloguj się

treker · (Ten post był ostatnio modyfikowany: 04-06-2010, 03:14 przez treker.)

Witajcie, siedzę już nad tym kilka godzin i nie mogę rozwiązać pewnego problemu, żeby nie komplikować opisu sprawy daję prosty przykład:
- mamy diva:

Kod:
<div style="height: 200px; width: 200px; background-color: red; padding:0; margin 0;">

</div>

Wkładam do niego dwa obrazki np aby zokrąglić rogi

Kod:
<img src="lewy_top.png" style="padding:0; margin:0; width:5px; height:31px; float:left;"/>

<img src="prawy_top.png" style="padding:0; margin:0; width:5px; height:31px; float:right;"/>

Więc mamy:

Kod:
<div style="height: 200px; width: 200px; background-color: red; padding:0; margin 0;">

<img src="lewy_top.png" style="padding:0; margin:0; width:5px; height:31px; float:left;"/>

<img src="prawy_top.png" style="padding:0; margin:0; width:5px; height:31px; float:right;"/>

</div>

No i działa pięknie,,, ale w FF w IE te obrazki już nie przylegają do krawędzi, są jakieś dziwne odstępy. Wszystkie marginesy, bordery, paddingi wyzerowane. Efekty widać w załącznikach.

Zauważyłem, że niechciany odstęp w IE znika gdy usuniemy float, ale wiadomo, że usunąć nie mogę bo wtedy nie będę miał prawego rogu zaokrąglonego.

**Dhofca** · 04-06-2010, 05:57

Wklej to na początku Twojego pliku z css'em, a jak nie posiadasz zewnętrznego ostylowania to wrzyć to do sekcji <head> pomiędzy <style></style>. Powinno śmigać.

Kod:
html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    font-size: 100%;

    vertical-align: baseline;

    background: transparent;

}

body {

    line-height: 1;

}

ol, ul {

    list-style: none;

}

blockquote, q {

    quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

    content: '';

    content: none;

}

/* remember to define focus styles! */

:focus {

    outline: 0;

}

/* remember to highlight inserts somehow! */

ins {

    text-decoration: none;

}

del {

    text-decoration: line-through;

}

/* tables still need 'cellspacing="0"' in the markup */

table {

    border-collapse: collapse;

    border-spacing: 0;

}

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie