problem z position absolute

[dziobek]

dokladnie, na moim komputerku stronka www.dominikd.nhost.pl (nie wrzeszczec na mnie za ten badzewny hosting, uzywam go tylko do testowania) zarowno jak na operze, ff i IE wygląda tak samo, u klientadla którego robiłem też....niestety sprawdziłem u kumpla i wszystko co jest jako position absolute jest przesunięte w prawo o jakies 200 px, myslalem ze jakies anomalie ale powoli znajdu coraz więcej userów którzy tez to widzą :/

nie wiem jak sie pozbyc problemu bo nei wiem o co wogole lata :/

ps.jeszcze mam problemik z rozwijanym menu na tej stronce, niestety pod IE się nie rozwija :/

[Vigird]

Czemu używasz absolute? Przy layoucie wystarczy dobry wrapper i container i wszystko śmiga.

Jak masz rozwijane menu w css to IE tego nie obsługuje. Rozwiązaniem może być menu w js.

[Wildu]

Vigird ma racje ... Nie uzywaj absolute, szkodzi zdrowiu, uwierz ... !!!

[dziobek]

no właśnie mam rozwijane menu, nie mam wyjścia :/

a problem nadal aktualny, na jednym kompie jest ok a na nnym przesuniete menu o 209 px w prawo, dzieje się to pod wszystkimi przeglądarkami, albo działa na wszystkich albo nie :/

cholera, rodzą mi sie nowe problemy !!!

w operze im strona jest "dłuższa" ( im więcej jest w dół) to obiekty position absolute przesuwaja się na boki

no i co gorsza nie wiem co zrobić żeby pod IE menu było widoczne.

[HERO]

po pierwsze dopracowalbym ten kod

<ul><b>

<li width="182"><a href="/dzwigi/">ŻURAWIE SAMOCHODOWE</a></li>

<li width="182"><a href="#">ŻURAWIE TERENOWE</a></li>

<li width="182"><a href="#">SERWIS TECHNICZNY</a></li>

<li width="182"><a href="#">DZIAŁALNOŚĆ HANDLOWA</a></li>

<li width="182"><a href="/transport/">TRANSPORT</a></li>

<li width="182"><a href="/zamow_dzwig/">ZAMÓW DŹWIG</a></li>

</b></ul>

wywalil <b></b> i dla li a {font-weight: bold;}

niestety musze Cie zmartwic ale menu rozwijalne dziala tylko pod operą, ff, IE 7 a IE6 ma z tym problemy... zreszta luknij jak ja to rozwiazalem u siebie https://www.opiekuj.pl - i jak ktos oglada moja strone z pod IE 6 to moze sobie co najwyzej kliknac w zakladke oferty pracy albo opiekunki bo i tak mu sie nic nie rozwinie reszta smiga i nie ustawialem position: absolute

zawsze mozesz zrobic menu w JS chociaz wtedy to juz nie bedzie to samo co sliczne linki na liscie

pozdrawiam

[dziobek]

ooo, tego mi było trzeba

ps. nie ma szans żeby wejść do ofert pracy na tej Twojej stronce;)

edit:

działa...chociaz nie tak jak bym chciał.

działa tylko pod IE, pokombinowałem coś i się menu rozwija, niestety pod FF i opera rozwinięcie powoduje poszerzenie komórki co w konsekwencji wszystko rozjezdza:/

moz eja mam gdzies blad?

oto kodzik:

<ul id="links"><li><a onmouseover="document.obrazek1.src='/img/dzwigi2.gif'" onmouseout="document.obrazek1.src='/img/dzwigi.gif'" href="/dzwig/"><img src="/img/dzwigi.gif" border="0" alt="dźwigi" name="obrazek1"></a><div class="links_list"><a href="/dzwig/">ŻURAWIE SAMOCHODOWE</a>

<a href="/terenowe/">ŻURAWIE TERENOWE</a>

<a href="/serwis/">SERWIS TECHNICZNY</a>

<a href="/handlowa/">DZIAŁALNOŚĆ HANDLOWA</a>

<a href="/transport/">TRANSPORT</a>

<a href="/zamow_dzwig/">ZAMÓW DŹWIG</a>

</div>

</li>

</ul>

body { behavior:url("csshover2.htc"); }

#podstrona{

z-index: 2;

}

.border{

border-right: 1px dashed #dddada;

padding-right: 0px;

margin-right: 0px;

}

#links{

margin: 0px;

font-size: 9px;

padding-left: 0px;

height: 10px;

position: relative;

}

#links li {

float: left;

width: 136px;

line-height: 21px;

list-style-type: none;

text-align: left;

}

#links a {

word-spacing: 2px;

padding: 0px 0px 0;

display: block;

color: #3B3B3B;

text-decoration: none;

font-weight: bold;

}

#links a.borders{

border-right: 1px dashed #ccc;

}

#links a:hover {

word-spacing: 2px;

color: blue;

display: block;

text-decoration: none;

color: #aaaaaa;

font-weight: bold;

}

.links_list {

position: absolute;

top: 57px;

z-index: 1;

left: 0px;

background: #FcF7E7;

display: none;

border: 0px solid #D3D3D3;

text-align: left;

}

#links li:hover .links_list, #links li.over2 .links_list {

display: block !important;

}

dla opery i Ff jak na razie zostawiłem poprzedni stan, tylko zastanawiam sie dlaczego mi sie ten margines powieksza w moim projekcie, w tym sposobie tez jest position absolute a margines jest ok, nie wiem gdzie zrobilem blad:/

edit:

możecie jakiś skrypt polecić do menu? jakiś kurs albo cokolwiek? nie moge znalesc niczego ciekawego na googlach :/

z gory dzieki !!

[zero3]

Nie uzywaj absolute, szkodzi zdrowiu, uwierz ...

przemyślany absolute rządzi! nawet w dużych ilościach.

ale to pewnie kwestia praktyki.

[dziobek]

problem nadal nie rozwiazany :/

na jednych komputerkach wygląda tak:

www.dziobek.home.pl/dzwigi.jpg

a na innych tak:

www.jasionka.eu/dane/dzwigi2.jpg

[yavaho]

Może najpierw użyj takiego narzedzia: https://validator.w3.org/

bo żadne style nie naprawią błędów w html

Potem takiego: https://jigsaw.w3.org/css-validator/

A jak bedzie już czysto to latwiej bedzie zidentyfikować jakikolwiek błąd.

[dziobek]

jak w validatorku jest ustawione utf-8 to jest praktycznie ok

[yavaho]

Dalej nie widzisz niedomkniętego diva w menu ? validator przecież wywalil tego błęda.

i usuń <b> z tej pozycji

tak nie może być

<ul>

<b>

<li></li>

</b>

</ul>

[dziobek]

znalazłem dwa niedokniete divy i poprawilem, b tez usunolem. i nadal bez zmian :/

[dziobek]

naprawiłem juz sobie menu, wszystko działa jak nalezy...no prawie jak nalezy, wizualnie jest ok. Wszystkim dzieki za chęci.