Hiho,
ich habe mich jetzt nun doch mal durchgerungen unser neues Design komplett in CSS zu bauen und hänge jetzt ein wenig.
Also geht um eine Navigation die aus 3 Teilen besteht, wobei alle 3 Teile immer zentriert nebeneinander stehen sollen.
Das die DIV`s nebeneinander sind, habe ich schonmal geschafft, mein problem jetzt:
Die 3 Divs sind innerhalb eines Containers der 100% breit ist, im IE wird wundersamerweise die ganze geschichte Zentriert dargestellt - aber im FF nicht?!?!
Zum Veranschaulichen hier mal die Seite
der CSS Code:
Und HTML:
danke schonmal für eure Hilfe
grüße
ich habe mich jetzt nun doch mal durchgerungen unser neues Design komplett in CSS zu bauen und hänge jetzt ein wenig.
Also geht um eine Navigation die aus 3 Teilen besteht, wobei alle 3 Teile immer zentriert nebeneinander stehen sollen.
Das die DIV`s nebeneinander sind, habe ich schonmal geschafft, mein problem jetzt:
Die 3 Divs sind innerhalb eines Containers der 100% breit ist, im IE wird wundersamerweise die ganze geschichte Zentriert dargestellt - aber im FF nicht?!?!
Zum Veranschaulichen hier mal die Seite
der CSS Code:
Code:
body{
margin:0;
padding:0;
}
#main{
position:absolute;
min-width:100%;
min-height:100%;
padding:0;
margin:0;
}
#head_bg{
position:relative;
padding0;
margin-left:auto;
margin-right:auto;
height:244px;
width:100%;
background-image:url(Bilder/head_bg.gif);
}
#head_center{
position:relative;
background: url(Bilder/head_bg_middle.gif) no-repeat center;
padding:0;
margin:0;
height:244px;
min-width:100%;
}
#total_top{
position:relative;
background:url(Bilder/total_top.png) no-repeat center;
height:21px;
min-width:100%;
margin:0;
padding:0;
}
#nav{
position:relative;
margin:-96px auto;
padding:0 auto;
width:auto;
height:156px;
overflow:visible;
text-align:center;
}
#navleft{
background:url(Bilder/head_shadow_left.gif) no-repeat right;
height:156px;
width:29px;
float:left;
}
#navmiddle{
height:156px;
min-width:926px;
float:left;
}
#navright{
position:relative;
background:url(Bilder/head_shadow_right.gif) no-repeat left;
height:156px;
width:28px;
float:left;
}
#navbar{
position:relative;
border-top:solid 1px #fff;
margin:0;
background:url(Bilder/nav_bar.gif) center no-repeat;
width:926px;
height:26px;
}
#top5{
position:relative;
width:926px;
height:129px;
background-color:#fff;
padding:0;
}Und HTML:
Code:
<body>
<div id="main">
<div id="head_bg">
<div id="head_center">
<div id="total_top"></div>
</div>
<div id="nav">
<div id="navleft"></div>
<div id="navmiddle">
<div id="navbar"></div>
<div id="top5"></div>
</div>
<div id="navright"></div>
</div>
</div>
</div>
</body>danke schonmal für eure Hilfe
grüße
