No replies
heretic
Offline
newbie
Last seen: 15 years 48 weeks ago
Joined: 2004-08-11
Posts: 1
Points: 0

I need help with some of my code. I have a problem with an image resizing according to div size.

heretic wrote:
Okay, here we go. I've done everything you've said but still not working well at all, lol.

I'm using IE6 just so you know : ).

Heres my page code, bare bones code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
   "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
	<title>Untitled Document</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

</head>
<link href="psycho.css" rel="stylesheet" type="text/css"> 

<body>
<div id="foruminfo"> 
  <p>testtesttesttest
  testtesttesttesttest</p>
</div>
<div id="title"> 
<img src="http://psycho.cookieempire.co.uk/images/pindex.jpg" width=100%>
</div>
<div id="login"> 
  <p>testtesttesttest
  testtesttesttesttest</p>
</div>
<div id="navigation">
<p>testtesttesttest
testtesttesttesttest</p>
</div>
<div id="content">
  <p>testdfgl;sd sdfjgldsjlds gljldifgjpdfjg piojldfj gldj g'sdfpgh bvbxc/kvcb/clvb</p>
  <p>cxbdosighsdflihjdilsghd sdkfnasldfkasdl;fasdf</p>
</div>
<div id="adverts">
<p>testtesttesttest
testtesttesttesttest</p>
</div>
</body>
</html>

And heres my css

body, div{
    margin:0px;
    padding:0px;
}
div{background-color:#0099FF;}
p{margin:0px 10px 1em 10px;}

#foruminfo{
	position:absolute;
	left:10px;
	height:250px;
	width:200px;
	top: 10px;
}
#title{
	position:absolute;
	top:10px;
	height:250px;
	left:230px;
	right:230px;
}
#login{
	position:absolute;
	right:10px;
	height:250px;
	width:200px;
	top:10px;
}
#navigation{
    position:absolute;
    left:10px;
    width:200px;
    top:280px;
}
#adverts{
    position:absolute;
    right:10px;
    width:200px;
    top:280px;
}
#content{
    position:absolute;
    top:280px;
    left:230px;
    right:230px;
}
html{
    min-width:600px;
}

Save me, lol