[HTML][CSS]position absolute problem Opcje

[robos85]

Czy da się aby obiekt w position: absolute był liczony od miejsca gdzie go w kodzie wpiszę, a nie od lewego górnego rogu ekranu?

[nospor]

chodzi ci o relative:
http://webmaster.helion.pl/kurshtml/style/...c_absolutne.htm
?

[Shili]

Gdzie go w kodzie wpiszesz?
Nie bardzo rozumiem o co Ci dokładnie chodzi.

Nadaj elementowi nadrzędnemu (rodzicowi) position: relative.

[robos85]

relative mi nie odpowiada, bo traktuje element jakby był w danym miejscu i go przesuwa. Ja potrzebuję wstawić obrazek w konkretne miejsce, al jak pojadę relative, to robi mi się wielka dziura :/

Umieszczam ten obrazek w divie, ale jak daję absolute to i tak liczy mi piksele od początku storny, a nie od początku diva:/

[Shili]

W jakie konkretne miejsce? Konkretnie proszę.

Jaka dziura po relative?

[nospor]

Umieszczam ten obrazek w divie, ale jak daję absolute to i tak liczy mi piksele od początku storny, a nie od początku diva:/

Bo div musi miec relative

[robos85]

Dałem nadrzędnemu divowi position: relative, w tym divie wkleiłem fotkę i dałem jej absolute i teraz left: -20px nie chce mi go przesunąć :/

Ten post edytował robos85 14.08.2008, 12:22:13

[Shili]

Musi chcieć.
Pokaż ten fragment kodu.

[robos85]

Dzieki, dąłem radę, nie w tym miejscu wklejałem obrazek.

To teraz inne pytanie, bo IE6 i FF inaczej mi widzi i mam różnicę 2px - a zdjęcie musi przylegać idealnie.
Jak w css podać wysokość (dla tego samego obrazka) osobno dla FF i IE ?

[Shili]

Jak w css podać wysokość (dla tego samego obrazka) osobno dla FF i IE ?

Chcesz mieć dłuższe i poprawne rozwiązanie, czy niepoprawne (ze względu na składnie css) i działające?

Jeśli chodzi o to drugie, bo to można na szybko podpowiedzieć bez znajomości kodu, to dam przykład

Kod

body{
background: red;
_background: blue;
}

Taka sztuczka - w IE będzie kolor niebieski, w innych czerwony.

Jeśli chodzi o bardziej prawidłowe, to jednak kod którego używasz jest potrzebny.

btw, nospor pierwszy podał Ci poprawne rozwiązanie

Ten post edytował Shili 14.08.2008, 12:42:26

[robos85]

a dłuższe i poprawne? Bo to bedzie lepsze:)

[nospor]

a dłuższe i poprawne? Bo to bedzie lepsze:)

Komentarze warunkowe obsługiwane przez IE, cos ala:

Kod

<!--[if lte IE 6]>
Tu ladujesz css specjalnie dla ie
    <![endif]-->

[robos85]

zrobiłem tak i działa

Kod

<link rel="stylesheet" href="css/style.css" type="text/css" />
    <!--[if IE 6]>
        <link rel="stylesheet" href="css/style2.css" type="text/css" />
    <![endif]-->
    <!--[if IE 7]>
        <link rel="stylesheet" href="css/style3.css" type="text/css" />
    <![endif]-->

A nie da się tego zrobić jakoś w 1 css? np odpowiednio linijki tylko deklarować dla przeglądarek?

[Shili]

Napisałam jak to hackami robić w jednym css. Najprawdopobniej nawet nie trzeba używać hacków, ale powtarzam po raz kolejny - nic innego bez kodu nie wymyślimy.

[robos85]

www.auto-opinie.pl/gaz/
Tutaj stronka. ten hack z _ nie zadziałał

[Shili]

U mnie zawsze działał prawidłowo zaaplikowany.

Kilka uwag
Po pierwsze w stylach alternatywnych wystarczy dodać regułę tylko do problematycznego elementu, nie do całości.
Po drugie jeśli problem występuje w obu IE, to wystarczy
<!--[if IE]>

Po trzecie nie wiem gdzie jest ten problem.

[robos85]

U mnie zawsze działał prawidłowo zaaplikowany.

Kilka uwag
Po pierwsze w stylach alternatywnych wystarczy dodać regułę tylko do problematycznego elementu, nie do całości.
Po drugie jeśli problem występuje w obu IE, to wystarczy
<!--[if IE]>

Po trzecie nie wiem gdzie jest ten problem.

1. OK zmienię
2. w IE6 i IE7 była też różnica dlatego 2 dałem
3. problemem był pasek po lewej od pionowego menu na wysokości partnerzy