Na wstępie witam wszystkich
.
Mam pewien problem, element bg-content posiada tło powtarzalne w pionie, w tym elemncie znajdują się dwa kolejne, które tworzą dwie kolumny (lewa i prawa). Problem pojawia gdy ustawione jest oblewanie elementów (tło znika) prawdopodobnie wynika to z tego iż elementy oblewane nie wpływają na wymiary rodzica. W nędznym IE tło jest jednak wyświetlane. Pytanie, jak uzyskać taki efekt pod FF etc? Poniżej kod:
- Kod: Zaznacz cały
<!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>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
<title>Tytul</title>
<style type="text/css" media="all">@import "style.css";</style>
</head>
<body>
<div id="bg-content">
<div id="content-box1"><p>lewa</p></div>
<div id="content-box2"><p>prawa</p></div>
</div>
</body>
</html>
- Kod: Zaznacz cały
body {
margin: 0;
padding: 0;
}
#bg-content {
width: 778px;
background: transparent url(images/bg-main.gif) repeat-y center top;
}
#content-box1 {
width: 265px;
float: left;
}
#content-box2 {
width: 513px;
float: left;
}
.