PDA

View Full Version : Div layers problem.

Memoriae
09-03-2005, 05:27 PM
I'm having problems positioning some div layers.
This is the css-code:


#all
{position: relative;
margin: 0 auto;
padding: 0px;
top: 0px;
width: 328px;}

#blog {
position:relative;
margin: 0;
width: 328px;
background-color: #C4C158;
padding-right: 0px;
padding-left: 0px;
padding-top: 5px;
padding-bottom: 5px;}

#image
{position:relative;
margin: 0;
padding: 0;
height: 182px;
width: 328px;
border: 0px;}

And this is how it looks:
http://img5.picsplace.to/img5/3/socker.jpg

I do not want a space between the picture and the rest... in Firefox it looks good though. What should I do?
pb&j
09-03-2005, 05:31 PM
which area is all, blog and image?
i see your posted pic, but i dont know which area refers to what area on the pic.
Memoriae
09-03-2005, 05:36 PM
which area is all, blog and image?
i see your posted pic, but i dont know which area refers to what area on the pic.

#all, is everything: including the picture and the text-div.
#blog, is where the text is.
#image is the image.

would you like to see the whole HTML document?
kittycat
09-03-2005, 05:50 PM
Yes, it might help to see the whole document
Memoriae
09-03-2005, 07:20 PM
Yes, it might help to see the whole document

Here's index.html;



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



<html> <head>

<title>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;memoriae.net &nbsp;&nbsp;&nbsp; v. CUBISM</title>

<meta name="keywords" content="Desirée, Swedish, Hysterical, Insane, Blog, Graphics, Fanlistings" />

<meta name="description" content="The blog of a 16 year old swedish girl." />

<meta http-equiv="imagetoolbar" content="no" />

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

<link rel="shortcut icon" href="/images/icon.ico" />

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

</head> <body>

<div align="center">
<div id="all">
<div id="image">


<img src="images/omgpic.jpg" alt="" />

</div>


<div id="blog">



<br /> <br />
<center><a href="mailto:desiree[@]memoriae[.]net"><img src="images/mailto.gif" border="0" alt="" /></a> | <a href="http://validator.w3.org/check?uri=referer">XHTML 1.0</a> | <a href="http://jigsaw.w3.org/css-validator/validator?uri=http://memoriae.net/style.css"> CSS Valid</a> | <a href="http://www.instant-elite.net" target="tie">x</a> <a href="http://validation.acidgloss.net/" target="_blank">x</a>
</center>
</div>
</div>

</div>
</div>

</body>

</html>
Memoriae
09-03-2005, 08:38 PM
don't worry, i fixed it!