CSS Forum

**Dangmnx** · 08-12-2008, 03:40 PM

can anyone tell me whats wrong with my code? the journal doesnt move where i want it to, or did i just did something wrong??

http://www.dangmn.net/homepage/index.php

CSS

Quote:

body{
background-image: url('http://www.dangmn.net/homepage/images/topl.jpg');
background-repeat: no-repeat;');
height: 350px;
width: 350px;
background-position: 0% 0%;
}

.journal{
border: 1px solid black;
background-color: #f3f3f3;
height: 500px;
width: 520px;
position: absoulte;
left: 35px;
padding: 2px;
top: 25px;
}

HTML

Quote:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="keywords" content="">
<meta name="description" content="">
<title>Dang's World</title>
<link rel="stylesheet" type="text/css" href="reset-fonts-grids.css">
<link rel="stylesheet" type="text/css" href="index.css">
</head>

<body>

<div class="journal">
<?php require( '/home/dangmnne/public_html/dn/news/news.php' ); ?>
</div>

</body>
</html>

**LadynRed** · 08-12-2008, 04:36 PM

Get rid of the position:absolute - you're nailing it in place with that and it's not going to 'flow' at all.

**wayfarer07** · 08-12-2008, 04:37 PM

May I ask WHY you are setting height and width on the <body>, and WHERE you want the journal to move to?

Also, what do you want the overflow to do? You have a height explicitly set on the journal, but text will overflow if it gets too long. Do you want scrollbars? Your question is not clear.

**Dangmnx** · 08-12-2008, 05:05 PM

alright i removed the position: absolute; but the 'journal' didn't move where i wanted it to.

i just want the image to stay where its at, and the journal to move a little to the right of it.

**wayfarer07** · 08-12-2008, 05:38 PM

instead of left: 35px, try margin-left: 35px;

**Dangmnx** · 08-12-2008, 05:55 PM

ah thankq ur a life saver!

**Dangmnx** · 08-12-2008, 06:29 PM

okay, now it doesn't work in IE,

oh can you tell me why my logo isn't showing up?

css

Quote:

.logo{
background-image: url('http://www.dangmn.net/homepage/images/logo.jpg');
background-repeat: no-repeat;
background-attachment:fixed;
background-position: 30% 20%;
}

html

Quote:

**wayfarer07** · 08-12-2008, 06:58 PM

your <div> with a class of "logo" on it, doesn't have any dimensions (height), so without content inside of it to make it expand, it won't show an image that is in the background.

**Dangmnx** · 08-12-2008, 07:22 PM

css

Quote:

.logo{
background-image: url('http://www.dangmn.net/homepage/images/logo.jpg');
background-repeat: no-repeat;
height: 177px;
width: 196px;
background-attachment:fixed;
background-position: 30% 20%;
}

i added the width and the height: but its still not showing up

hmmm!