Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]position absolute problem
Forum PHP.pl > Forum > Przedszkole
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
Cytat
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 smile.gif
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ąć :/
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
Cytat
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 winksmiley.jpg
robos85
a dłuższe i poprawne? Bo to bedzie lepsze:)
nospor
Cytat
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 smile.gif
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
Cytat(Shili @ 14.08.2008, 14:11:06 ) *
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ę winksmiley.jpg
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 smile.gif
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.