Forum PHP.pl > jak zrobić aby określony div był ZA konkretnym divem?

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: jak zrobić aby określony div był ZA konkretnym divem?

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

bl4ck_b0x

27.12.2007, 17:46:47

Witam mam problem. Mam 1-2 divy, potrzebuję zrobić tak aby POD/ZA tymi divami był jeszcze jeden div który tworzyłby taki paseczek... wszystko opisane na screenie.

to jest index.php:

[PHP] pobierz, plaintext 
<?php
echo '<?xml version="1.0" encoding="UTF-8"?>';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<link rel="Stylesheet" type="text/css" href="style.css" />
<title> portfolio, tworzenie stron WWW, php, ajax</title>
</head>
<body>
<div id="ogolny">
	<div id="srodekbialy">
	asdasd
	</div>
</div>
</body>
</html>
[PHP] pobierz, plaintext

plik css:

Kod

body,td,th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #CCCCCC;
}

body {
    background-color: #1C1C1C;
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

#srodekbialy {
    margin: 0 auto;
    background-color: white;
    border: 10px solid #6ABF28;
    height: 500px;
    width: 600px;
}

Tutaj zrzut jak chcę aby to wyglądało:
http://img253.imageshack.us/img253/1407/cssxq8.jpg

Mati7

27.12.2007, 18:21:45

Najłatwiej wstawić to w background

Musisz wyciąć pasek i wstawić coś takiego w css

[HTML] pobierz, plaintext 
body {
    background: #1C1C1C url('img/pasek.gif') 0 175px repeat-x;
}
[HTML] pobierz, plaintext

Możesz jeszcze pobawić się z pozycjonowaniem i z-index

.radex

1.01.2008, 11:37:42

Kod

position:absolute;
z-index:2;

Mniej więcej tak wygląda drugi sposób. To dopisz do tego paska.

Mati7

4.01.2008, 08:21:10

Cytat(radex_p @ 1.01.2008, 11:37:42 )

Kod

position:absolute;
z-index:2;

Mniej więcej tak wygląda drugi sposób. To dopisz do tego paska.

z tym że pasek bedzie nad #srodekbialy

do paska wystarczy dodać

position:absolute;

a wtedy musisz jeszcze dopisać do #srodekbialy

position:relative;
z-index: 1;

żeby content znalazł się nad paskiem

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.