Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations sizbut on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

still mastering css

Status
Not open for further replies.
cLFlaVA

cLFlaVA

Programmer
Jun 14, 2004
6,450
US
hi all.

given the following html (in firefox), why do the background images not appear, yet when i give outer-wrap and inner-wrap borders, the background images appear?

thanks!

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">[/URL]

<html>
<head>
<title>Untitled</title>

<style type="text/css">
#outer-wrap {
    width: 700px;
    background: transparent url('[URL unfurl="true"]http://www.google.com/images/logo_sm.gif')[/URL] repeat-y top left;
}

#inner-wrap {
    width: 700px;
    background: transparent url('[URL unfurl="true"]http://us.a1.yimg.com/us.yimg.com/i/ww/beta/y3.gif')[/URL] repeat-y top right;
}

#col1 {
    width: 100px;
    float: left;
}

#col2 {
    width: 350px;
    float: left;
}

#col3 {
    width: 150px;
    float: left;
}
</style>

</head>

<body>

<div id="outer-wrap">
    <div id="inner-wrap">
        <div id="col1">
        long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long <br /><br />long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long 
        </div>
        <div id="col2">
        short
        </div>
        <div id="col3">
        medium medium medium medium medium medium medium medium medium medium medium medium medium medium medium medium medium medium medium
        </div>
        <div style="clear: both;"></div>
    </div>
</div>

</body>
</html>

*cLFlaVA
----------------------------
[tt]your mom goes to college[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]
[banghead]
 
Sort by date Sort by votes
Status
Not open for further replies.

Similar threads

jizzer
  • Locked
  • Question
HTML/CSS Image map with multiple tool-tips
Replies
3
Views
1K
spamjim
spamjim
Expoverse
  • Locked
  • Helpful tip
Solution to CSS Two Level Horizonal Menu 1
Replies
1
Views
805
pmonett
pmonett
PeDa
  • Locked
  • Question
CSS two level horizontal menu
Replies
0
Views
631
PeDa
PeDa
usarmycwo
  • Locked
  • Question
Any FrontPage users still around? 1
Replies
4
Views
879
feherke
feherke
PeDa
  • Locked
  • Question
Horizontal rule and CSS problem 2
Replies
2
Views
682
PeDa
PeDa

Part and Inventory Search

Sponsor

Back
Top