another problem. background wider than it should be

sanchopansa · #1 Jul 22nd, 2006, 01:13

Hi! /*Excuses for my amateur questions.*/

I have another problem. I am working on a template and my background is a little wider than it should be at the bottom.
Here you can see how it looks

http://proba45.free.bg/dobra.htm

And here is my source:

<style type="text/css">
html,body
{
margin:0.5% 0.5% 0.5% 0.5%;
padding:0;
display:inline-block;
}

body
{
font: 76% arial,sans-serif;
}

div#header h1
{
height:80px;
line-height:80px;
margin-bottom:0.5%;
padding-left:10px;
background-color:#ff9999;
}

div#container
{
width:100%;
}

div#content
{
float:left;
margin-bottom:0.5%;
background-color:#00ccff;
}

div#news
{
float:left;
width:25%;
margin-left:-25%;
background:#0099cc;
}

div#footer
{
clear:left;
margin-top:0.5%;
background-color:#ba3f3f;
}
</style>
</head>
<body onload="Caller();">
<div id="container">
<div id="header"><h1>Header</h1></div>
<div id="content">
<img src="images/1.jpg" alt="" id="image_1" />
</div>
<div id="news">
<p><strong>3) More stuff here.</strong> very text make long silly make text very very text make long filler very make column make silly column fill silly column long make silly filler column filler silly long long column fill silly column very </p>
</div>
<div id="footer"><p>Here it goes the footer</p></div>
</div>
</body>
</html>

I've tried placing the view:inline-block or only view:inline in all possible divs, but it didn't work. I also don't want to use the max-heigth selector because I need this to work in both Firefox and IE.
Does anyone have a suggestion?

Regards,
Valentin

sanchopansa · #2 Jul 22nd, 2006, 11:26

problem solved

sanchopansa · #3 Jul 22nd, 2006, 11:28

problem fixed

Legacy_Staff · #4 Jul 22nd, 2006, 12:00

sanchopansa · #5 Aug 2nd, 2006, 16:58

I removed all the margin specifications + added
*{ margin:0px 0px 0px 0px
}

and it looks as it should

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
IE 6 background colour problem	jdrawmer	Web Page Design	2	Feb 6th, 2008 14:50
Having a problem with background color?	jaambees	Web Page Design	2	Jan 4th, 2008 03:05
Problem with background in MAC	Thanuja	JavaScript Forum	3	Apr 17th, 2007 10:16
Background problem	uqwebdesign	Web Page Design	2	Dec 16th, 2006 18:36
problem with iframe background image in IE	dudeman	Web Page Design	1	Apr 19th, 2006 02:13

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
another problem. background wider than it should be