# Need help with CSS and DIVS

**URL:** <https://forum.kirupa.com/t/need-help-with-css-and-divs/201825>\
**Category:** Uncategorized\
**Created:** [September 25, 2006, 3:02pm UTC](https://forum.kirupa.com/t/need-help-with-css-and-divs/201825 "2006-09-25T15:02:59Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![powman](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/powman/32/2855_2.png) [@powman](https://forum.kirupa.com/u/powman)\
**Post date:** [September 25, 2006, 3:02pm UTC](https://forum.kirupa.com/t/need-help-with-css-and-divs/201825/1 "2006-09-25T15:02:59Z")

</div>

Hey there!

Ive got some question about CSS and Divs, first of all. im having coördination problems with my website, the problem is that 1. there is a diffrence in location if i look on firefox or internet explorer 6, now i know IE6 is crap but i still want my website to work in it since almost everyone uses it. :stare: and 2. I dont realy get the diffrence in the ways how to position my div. I know i could place it absolute but that doesnt work with auto centering wich i use.

The centering also brings us on the second problem. In IE6 it doesnt work ☹ but it does in Firefox. I hope you guys can shine some light on this dark situation :dog:

a weblink to my site: [http://members.lycos.nl/martijnpotman/](http://members.lycos.nl/martijnpotman/) (note that im still designing and this is only the header), since i use lycos i get crappy ads but i cant find any other working free host, not even from the stiky :).

here is also the code from my html and css.

CSS:

```auto

/* CSS Document */

body {
background-color: #a0a0a0;
font: normal 11px Helvetica Neue, arial, verdana, sans-serif;
}

#bodyreplace {
width: 100%
}

#container {
width: 760px;
margin: 0px auto;
margin-top: 0px;
text-align: left;
position: relative;
}

#header {
height: 90px;
padding: 0px;
width: 760px;
background-color: #242424;
}

#logo {
    width: 220px;
    float: right;
    height: 90px;
}

#logo h1 {
    width: 220px;
    text-indent: -9999px;
    background: transparent url(../logo.jpg) center right no-repeat;
}

#logo a {
    width: 220px;
    height: 90px;
    display: block;
    text-decoration: none;
}

#header_tussen {
height: 4px;
width: 760px;
background-color: cfcfcf;
}

```

HTML

```auto

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
@import url(css/style.css);
</style>
</head>

<body>
<div id="bodyreplace">
<div id="container">

<div id="header">
<div id="logo">
<h1><a href="/">Index.html</a></h1>
</div>
</div>

<div id="header_tussen">
</div>

</div>
</div>
</body>
</html>

```

Thanks in Advance![/quote]  
[COLOR=DarkOrange]edit\>\> here a screen of what it should look like:[/COLOR]

![](http://members.lycos.nl/martijnpotman/screen.jpg)