Forum PHP.pl > [CSS]Linia od środka do prawej

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS]Linia od środka do prawej

WoGuziczek

17.04.2009, 17:09:31

Witam!

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

[HTML] pobierz, plaintext 
<div style="width: 910px; margin: 0px auto;">
         zawartosc
</div>
[HTML] pobierz, plaintext

No i sprawa jest taka, że dodałem sobie pionową linię na środku strony:

[HTML] pobierz, plaintext 
<div style="background: black repeat-x; height: 1px; width: 100%;"></div>
[HTML] pobierz, plaintext

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:

Z góry dzięki

potreb

17.04.2009, 18:00:22

Pod jaką przeglądarką testujesz??

WoGuziczek

17.04.2009, 18:03:48

A co do ma do rzeczy?

Nie testowałem, bo nie mam jeszcze co, bo nie wiem jak zrobić linię tylko po jednej stronie.

Chciałbym, aby działało na wszystkich

potreb

17.04.2009, 18:14:24

Sorki, źle cię zrozumiałem.
Jeżeli chcesz przedłużenia do prawego, możesz zrobić to na zasadzie pozycjonowania absolutengo i doklejenia tego kawałka lub utworzenie warstwowych divów, ale to i tak będzie równoznaczne z pozycjonowanie elementów. Inaczej tego nie widzę. Możesz także zrobić background dla diva szerszego na 100% i zrobienie background-a lini od prawe.

WoGuziczek

17.04.2009, 18:23:15

Możesz jakiś przykład zapodać?
Jakbym miał element zaczepienia, to bym kombinował.

potreb

17.04.2009, 18:32:33

[HTML] pobierz, plaintext 
<style type="text/css">
body {
margin: 0px;
padding:0px;
}
</style>
</head>
 
<body>
<!-- pierwszy div liniowy pozycjonowany jest do prawej i ma np 200px; naklada się na div z position relative --->
<div style="position: absolute; top: 10px; right:0; background: black repeat-x; height: 1px; width: 200px;"></div>
<div class="aaa" style="width: 910px; height: 100px; margin: 0px auto; border-right: 1px solid #ccc; border-left: 1px solid #ccc;">
<div style="position: relative; top: 10px; background: black repeat-x; height: 1px; width: 100%;"></div>
zawartosc
zawartość
</div>
</body>
[HTML] pobierz, plaintext

WoGuziczek

17.04.2009, 18:51:19

Ogólnie jest ok. Dziękuję

Tylko dlaczego na IE mam ten pasek taki bardzo szeroki? Może zrobić

[HTML] pobierz, plaintext 
<hr style="" />
[HTML] pobierz, plaintext

?

// edit
Nic z tego :/
Na hr na ie jest dobrze, a na operze i ff mam znowu brzydką linie ;/
Dodałem parametr style to hr jbc.

// edit 2
Ok. Napisałem sobie w php skrypt, który wstawia divy w przypadku innych przeglądarek niż ie.
W owym przydpadku hr i gitara.
Dzięki

piotrooo89

18.04.2009, 10:29:02

Cytat(WoGuziczek @ 17.04.2009, 19:51:19 )

Ok. Napisałem sobie w php skrypt, który wstawia divy w przypadku innych przeglądarek niż ie.
W owym przydpadku hr i gitara.
Dzięki

po co? w komentarzach warunkowych w html'u tez to zrobisz.

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.