Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [css] Rozwijane menu i pozycja absolute
chfast
post
Post #1





Grupa: Zarejestrowani
Postów: 222
Pomógł: 0
Dołączył: 3.04.2003
Skąd: Wrocław

Ostrzeżenie: (0%)
-----


Witam.
Mam rozwijane menu javascript (gotowe, ściągnięte z netu) i jak to bywa w przypadku takich menu trzeba je umieścić na stronie w pozycji absolutnej. Stwarza to w moim projekcje problem: moja strona jest co prawda o stałej szerokości, ale jest wyśrodkowana i niemożliwe jest wtedy umieszczenie menu w porządanym miejscu. Menu jest oparte na divach w pozycji absolutnej. Czy da się takiego diva przypiąć do jakiegoś innego elementu niż body? Moge też zmieniać style dla tych divów i w ogóle cała strukturę xhtml menu. Może za pomocą rozmieszczenia relatywnego da się rozwiązać problem?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
chfast
post
Post #2





Grupa: Zarejestrowani
Postów: 222
Pomógł: 0
Dołączył: 3.04.2003
Skąd: Wrocław

Ostrzeżenie: (0%)
-----


Chyba znalazłem sposób, żeby zaczepić element w pozycji absolute do innego elementu. Działa na Mozilli, IE 5.5 i Operze 7.23.
[xml:1:a1ed69e1b2]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Absolute</title>
<style type="text/css">
/*<![CDATA[*/
#b { border: 1px solid #0a0; height: 200px; padding: 20px;}
#before, #after { width: 100px; background: #fdf; float: left; }
#main { width: 300px; height: 200px;
float: left;
background: #ffd;
border: 1px solid #f00;
}
#main div { position: absolute; }
#menu { width: 160px; height: 120px;
border: 1px solid #f00; background: #fcc;
left: 30px;
top: 10px; }
/*]]>*/
</style>
</head>
<body>
<div id="b">
<div id="before">before</div>
<div id="main">
<div>
<div id="menu">DIV<br/>position: absolute;<br/>left: 30px;<br/>top: 10px;</div>
</div>
</div>
<div id="after">after</div>
</div>
</body>
</html> [/xml:1:a1ed69e1b2]
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 23.08.2025 - 16:18