GoldenLine
Zaloguj się
Maja Miarecki

Maja Miarecki Senior Frontend
Developer

Temat: szlag mnie trafi, IE7 i ujemny margin

Na wstepie zaznacze, ze pracuje z aplikacja napisana 13 lat temu, troszke ostatnio unowoczesniona, ale umowmy sie, ze taka aplikacje mozna tylko napisac od poczatku. Wiekszosc kodu nie ma racji bytu, ale jakos dziala...

15% naszych uzytkownikow stanowia wyznawcy IE7, kolejne 15% IE8. IE6 na szczescie spadlo ponizej 1% wiec jest olewane.

No wiec mam sobie diva, a w tym divie img. Ze wzgledow historycznych ten obrazek (mniej wiecej na srodku strony) laduje sie wczesniej niz lewe menu. Stad divowi w ktory obrazek jest opakowany nadano ujemny margin-left. Pod IE8 bangla, pod ff, chrome i innymi bangla... a pod IE7 nie bangla...

przetestowalam kilka rozwiazan, ale wyglada na to, ze poleglam na calej linii... Pomozcie prosze

css diva:

float: left;
margin-left: -195px;
position: relative;
Link do wypowiedziLink

konto usunięte

Temat: szlag mnie trafi, IE7 i ujemny margin

Maja Miarecka:
float: left;
margin-left: -195px;
position: relative;
przydałby się kod... albo obrazek
troszkę zgaduje
display:block , być może też clear:left; by się przydał dla obrazka, zdefiniuj też wymiary obrazka
wcześniejszemu div dodaj float:left

margines ujemy nie powinien być potrzebnyKrzysztof Tomasz Jasiak edytował(a) ten post dnia 13.03.12 o godzinie 07:23
Link do wypowiedziLink

konto usunięte

Temat: szlag mnie trafi, IE7 i ujemny margin

Ja oczywiście zakładam, że tak prosty fix dla wielu problemów z ie jak zoom: 1; nie działa? ;)
Zawsze w ostateczności można iść na skróty i wykorzystać choćby http://code.google.com/p/ie7-js/
Link do wypowiedziLink

konto usunięte

Temat: szlag mnie trafi, IE7 i ujemny margin

Ciężko wróżyć bez przykładu online (polecam http://jsfiddle.net), tym bardziej że nie został opisany kontekst elementu DIV. Niemniej dla IE warto spróbować trzy poniższe rozwiązania:

1) dodanie konkretnych wymiarów (lub wspomniane już 'zoom: 1');
2) dodanie deklaracji 'margin-right: -195px';
3) dodanie deklaracji 'display: inline'...
Link do wypowiedziLink
Paweł Piskorz

Paweł Piskorz koder HTML/CSS

Temat: szlag mnie trafi, IE7 i ujemny margin

Waldek Mazurek:
3) dodanie deklaracji 'display: inline'...

Ja bym zaczął właśnie od tego :)
http://positioniseverything.net/explorer/doubled-margi...
Link do wypowiedziLink
Andrzej Wojtczyk

Andrzej Wojtczyk Programista CSS,
Grech Group

Temat: szlag mnie trafi, IE7 i ujemny margin

<div style="position:relative"> <img src="foto05.png" width="280" height="395" alt="" style="position:absolute; left:-195px"/></div>

A jeśli zobaczę całość to zrobię inaczej.
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy


Następna dyskusja:

Padding i ujemny margin




Wyślij zaproszenie do
Anuluj