Forum PHP.pl > [CSS][HTML] Div w Div obok siebie

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS][HTML] Div w Div obok siebie - wysokość

desavil

20.10.2010, 15:43:32

Witam,

Kod HTML

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
 
<div id="site">
<div id="site-left">a<br />a</div>
<div id="site-right">b<br />b</div>
</div>
 
</body>
</html>
[HTML] pobierz, plaintext

Kod CSS:

[HTML] pobierz, plaintext 
@charset "utf-8";
html, body {
width:100%;
height:100%;
padding:0;
margin:0;
background:#000000;
background-image: url(images/bg.png);
background-repeat:no-repeat;
background-position:center center;
background-attachment:fixed;
-o-background-size: 100% 100%, auto;
-moz-background-size: 100% 100%, auto;
-webkit-background-size: 100% 100%, auto;
background-size: 100% 100%, auto;
}
 
#site{
width: 917px;
position: relative;
margin: 0 auto;
background: green;
}
 
#site-left{
width: 50px;
float: left;
height: 100px;
background: yellow;
}
 
#site-right{
width: 50px;
float: right;
background: red;
}
[HTML] pobierz, plaintext

Mój problem polega na tym iż div z tłem zielonym (site) nie rozszerza się automatycznie i go w ogóle nie widać. W czym tkwi problem?

AlexDeLarge

20.10.2010, 17:28:28

Trochę naokoło, ale jest.

[HTML] pobierz, plaintext 
<style type="text/css">
#site {
background:none repeat scroll 0 0 green;
left:50%;
margin-left:-458px;
position:absolute;
width:917px;
}
</style>
[HTML] pobierz, plaintext

Zdrówka życzę.

modern-web

20.10.2010, 17:36:28

Chciałbym zwrócić uwagę, że jest to forum dotyczące skryptów i programowania w języku PHP...
Jeśli chcesz uzyskać porady webmasterskie to zapraszam na strony:

http://www.webcentral.pl/
http://forum.webesteem.pl/
http://www.webmastertalk.pl/

Pozdrawiam.

desavil

21.10.2010, 15:35:48

Cytat(modern-web @ 20.10.2010, 18:36:28 )

To po co w takim razie są tagi [html] [css] i inne tego typu co nie dotyczą programowania...?

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.