Forum PHP.pl > [css] warstwa obok wycentrowanej

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [css] warstwa obok wycentrowanej

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

Daimos

6.10.2007, 18:52:29

Witam
moze ktos doradzi rozwiazanie
mam warstwe wycentrowana:

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

jest idealnie na srodku, wszystko ladnie pieknie
teraz chcialbym zrobic warstwe idealnie obok po prawej, lub po lewej stronie
ale zeby tamta dalej byla wycentrowana wzgledem siebie

Wiem, ze moge zrobic to, robiac wrapera w ktorym wszystko bedzie siedzialo i go wycentrowac, no ale wtedy wycentrowanie bedzie wzgledem wrappera
byc moze ktos mnie zrozumie

bo zakrecilem troche
no i nie moge zrobic warstwy z position absolute bo wysokosc tej warstwy moze sie zmieniac

no i jeszcze jedno, oczywiscie da sie to zrobic, robiac warstwy po obu stronach, ale w tym wypadku musi byc jedna i odpada zrobienie jednej nie widocznej

gekon

6.10.2007, 19:38:58

A szerokość może być stała?

Daimos

7.10.2007, 08:41:05

no tak, napisalem tam przykladowy kod i jest width 500
ale chyba zalatwie to za pomoca javascript, pobierajac pozycje warstwy
chociaz jezeli ktos zna rozwiazanie css to czekam

gekon

7.10.2007, 08:57:54

Pisane z placa:

[HTML] pobierz, plaintext 
<!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" xml:lang="pl" lang="pl">
<head>
<title>test</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<style>
	#main { margin: 0 auto; width: 500px; border: 1px solid #F00; }
	#test { position: absolute; marging: 0 0 0 -100px; width: 100px; }
</style>
</head>
<body>
 
<div id="main">
	<div id="test">Test</div>
	<p>Srodek</p>
</div>
 
</body>
</html>
[HTML] pobierz, plaintext

Daimos

7.10.2007, 11:34:23

nic z tego, ta co miala byc obok jest w srodku

a sooory dziala

tam napisales "marging"

nie zauwazylem wczesniej
dzieki wielkie

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.