Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]Linia od środka do prawej
WoGuziczek
post
Post #1





Grupa: Zarejestrowani
Postów: 52
Pomógł: 0
Dołączył: 17.09.2008

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


Witam!

Mam zbudowany szablon na divach. Szerokość 910px. Strona jest na środku.

  1. <div style="width: 910px; margin: 0px auto;">
  2. zawartosc
  3. </div>


No i sprawa jest taka, że dodałem sobie pionową linię na środku strony:
  1. <div style="background: black repeat-x; height: 1px; width: 100%;"></div>

i jest ok, ale chciałem jeszcze dodać fragment linii od tego momentu do maxa po prawej czyli, żeby się dostosowała do ekranu,
ale tak, żeby nie była po lewej stronie.

O co mi chodzi:
(IMG:http://iv.pl/images/8xo91jfwhkok2nao3a2z.png)

Z góry dzięki (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Ten post edytował WoGuziczek 17.04.2009, 17:10:09
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
potreb
post
Post #2





Grupa: Zarejestrowani
Postów: 1 568
Pomógł: 192
Dołączył: 7.03.2005
Skąd: Warszawa

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


  1. <style type="text/css">
  2. body {
  3. margin: 0px;
  4. padding:0px;
  5. }
  6. </head>
  7.  
  8. <!-- pierwszy div liniowy pozycjonowany jest do prawej i ma np 200px; naklada się na div z position relative --->
  9. <div style="position: absolute; top: 10px; right:0; background: black repeat-x; height: 1px; width: 200px;"></div>
  10. <div class="aaa" style="width: 910px; height: 100px; margin: 0px auto; border-right: 1px solid #ccc; border-left: 1px solid #ccc;">
  11. <div style="position: relative; top: 10px; background: black repeat-x; height: 1px; width: 100%;"></div>
  12. zawartosc
  13. zawartość
  14. </div>
  15. </body>


Ten post edytował potreb 17.04.2009, 18:33:44
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: 8.10.2025 - 02:30