chow: 3px-bug oder doch was anderes?

Beitrag lesen

SELF-Forum

3px-bug oder doch was anderes?

chow
– Informationen zu den Bewertungsregeln

Hallo...

erstmal vorab:

ich hab schon einige Beiträge zu meinem Problem hier gelesen...
und auch schon verschiedene Ansätze probiert, aber das Problem habe ich leider noch nicht lösen können, deswegen stelle ich einfach nochmal die Frage hier im Forum:

Das Problem ist, ein pixelgenaues Layout.
mit Ppera und Netscape siehts perfect aus,
lediglich im IE 6(wie sollte es anders sein..)
habe ich streckenweise verticale freiräume dazwischen, die nicht dahin gehören.

Ich habs schonmal mit padding und margin=0 versucht...
hab auch schon den Hack für den 3px-bug anzuwenden...

* html #gefloatetes_div {margin:0 -3px;}

hat alles nicht geholfen.

Hat jemand noch eine Idee?

Hier kommt noch der Quellcode:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="stylesheet-css.css">

<title>Hypnose, Reiki, Anti-Stressbehandlung</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<div id="rahmen">
  <div id="header"> </div>
  <div id="headerPic"></div>
  <div id="navbar">Navigationsleiste </div>
  <div id="menu">
    <div id="menuCnt">
    <div id="menuContent"> Menupunkt 1 <br>
      Menupunkt 2 </div>
    <div id="menuBtm"> </div>
</div>
    <div id="menuBtm2"></div>

</div>
  <div id="content">
    <div id="contentheader"></div>
    <div id="contentright">
      <div id="contentmain">Inhalt</div>

<div id="contentbtm"></div>
    </div>
</div>
</body>
</html>

CSS:

body, html {
margin:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
background-color: #D6FFFF;
height: 100%;
margin: 0 auto;
align:center;
}

/* Layout settings for grafic design
*************************************/

#rahmen {
position:relative;
margin:0 auto;
width:730px;
}

#header {
position:relative;
background-image:url("images/picture.jpg");
background-repeat:repeat-y;
height:157px;
width:232px;
float:left;
}

#headerPic {
position: relative;
background-image:url("images/headline.jpg");
height:117px;
width:488px;
margin-left:232px;
}

* html #headerPic{
margin-left: 0 -3px;
}

#navbar{
position:relative;
width:488px;
margin-left:232px;
height:40px;
background-image:url("images/NavBar.jpg");
background-repeat:no-repeat;
}

#menu{
clear:both;
position:relative;
float:left;
width:184px;
height:419px;
background-image:url("images/menu_bg_2.jpg");
background-repeat:repeat-y;
}

* html #menu{
margin: 0 -3px;
}

#menuCnt{
position:relative;
width:184px;
height:393px;
background-image:url("images/Menu_Content.jpg");
background-repeat:no-repeat;
background-position:right;
}

#menuContent{
position:relative;
width:148px;
background-image:url("images/Menu_BG.jpg");
background-repeat:repeat-y;
padding:10px 30px;
}
* html #menuContent {
  width:128px;
}

#menuBtm{
position:relative;
background-image:url("images/Menue_Fade.jpg");
background-repeat:no-repeat;
width:148px;
height:167px;
}

#menuBtm2{
position:relative;
clear:right;
background-image:url("images/Menu_Btm.jpg");
width:184px;
height:26px;
}

#content{
position:relative;
width:535px;
height:406px;
margin-left:184px;
}

#contentheader{
position:relative;
width:536px;
height:13px;
background-image:url("images/contentHeader.jpg");
}

#contentright{
position:relative;
width:536px;
height:380px;
background-image:url("images/Menu_Right.jpg");
background-position:right;
}

#contentmain{
position:relative;
width:518px;
height:380px;
background-image:url("images/Content_BG.jpg");
background-repeat:repeat-x;
}

#contentbtm{
position:relative;
clear:right;
width:536px;
height:26px;
background-image:url("images/content_btm.jpg");
}

vielen Dank für die mühe bis hierhin erstmal.. :-)

greetz chow

Beitrag melden
–
Informationen zu den Bewertungsregeln