Website Design Forum

**ozaidum** · 03-04-2006, 08:10 PM

LINK

I need help with my layout. The background in DIV.FRAME doesn't repeat when viewed in mozilla...

Help please...[/url]

**Superpoo** · 03-04-2006, 10:26 PM

you have to put in the background line the repeat command (repeat-x or repeat-y depend on the direction)

http://www.w3schools.com/css/pr_background-repeat.asp

**ozaidum** · 03-04-2006, 11:49 PM

Not yet working...

Here's my code:

Code:

<html>

<head>
<title>Layout Test</title>
<style>
#frame {
width: 800px;
text-align: left;
background-color: ##D8D8D8;
background:  url('bodybg.jpg') repeat-y;
}
.top, .foot {
background-color: #D8D8D8;
width: 800px;
text-align: left;
}
.frame2 {
width: 756px;
text-align: left;
margin: 0px 22px 0px 22px;
}
.body {
width: 448px;
float: left;
text-align: justify;
}
.side {
width: 285px;
float: left;
text-align: justify;
margin-left: 23px;
}
</style>
</head>

<body bgcolor="#E6E2E1" background="bg.jpg">

<center>

<div id="frame">

<div class="top">[img]top1.jpg[/img][img]top2.jpg[/img][img]top3.jpg[/img][img]top4.jpg[/img]</div>

<div class="frame2">

<div class="body">
Hello! Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam malesuada convallis odio. Etiam 

condimentum. In hac habitasse platea dictumst. Aenean scelerisque felis nec lectus. Vivamus sed 

magna. Mauris suscipit massa a ante. Nulla ligula sem, adipiscing porta, eleifend at, viverra et, dui. Sed 

pretium cursus quam. Nullam auctor. Morbi cursus elementum metus. Vivamus egestas, magna vitae 

rhoncus consectetuer, enim elit placerat lectus, eu feugiat lectus odio sed justo. Cras pede nisi, facilisis a, 

porta faucibus, condimentum id, tortor. Nulla dolor diam, rutrum in, tincidunt non, malesuada at, erat.
</div>

<div class="side">
Hello! Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam malesuada convallis odio. Etiam 

condimentum. In hac habitasse platea dictumst. Aenean scelerisque felis nec lectus. Vivamus sed 

magna. Mauris suscipit massa a ante. Nulla ligula sem, adipiscing porta, eleifend at, viverra et, dui. Sed 

pretium cursus quam. Nullam auctor. Morbi cursus elementum metus. Vivamus egestas, magna vitae 

rhoncus consectetuer, enim elit placerat lectus, eu feugiat lectus odio sed justo. Cras pede nisi, facilisis a, 

porta faucibus, condimentum id, tortor. Nulla dolor diam, rutrum in, tincidunt non, malesuada at, erat.
</div>

</div>

<div class="foot">[img]foot.jpg[/img]</div>

</div></center>

</body>

</html>

**playmenow** · 03-06-2006, 02:29 AM

**ozaidum** · 03-06-2006, 04:44 AM

ill try it.

**ferretsrule** · 03-08-2006, 02:18 PM

<edit by="PlayMeNow">
Be careful...
</edit>

**ozaidum** · 03-10-2006, 06:33 AM

Guys thank you so much! Now its working!