ich habe schon versucht in einem HTML/CSS spezifischen Forum einen Tip zu erlangen aber leider ging mein Posting in den Massen unter.
Ich dachte eventuell kann mir jemand aus diesem Forum helfen.
Habe folgendes Problem...
und zwar wird meine Seite von dem FF anders interpretiert wie vom IE.
Baue meine Seite zur Zeit neu mit Contenido. Nun is mir ein Fehler in der darstellung aufgefallen und ich denke das hat was mit dem CSS und den Modulen/Containern zu tun.
hier zwei Screenshots auf denen der Fehler genau zu erkennen ist.
http://www.black-elementz.com/blackelementzFF.jpg <---- richtig
http://www.black-elementz.com/blackelementzIE.jpg <---- fehlerhaft
Ich habe eine Lücke zwischen den Modulen die leer dargestellt wird bzw. mit dem Background (Grey).
Kann mir eventuell jemand sagen was ich falsch gemacht habe?
Hier noch meine CSS Datei:
Code: Alles auswählen
html {
width : 100%;
height : 100%;}
body {
background-color : #333333;
color : #ffffff;
font-family : Verdana, Tahoma, Arial, sans-serif;
font-size : 9px;}
a, a:link, a:visited, a:active {
color : #ff9933;
font-size : 11px;
font-weight : bold;
text-decoration : none;}
a, a:hover {
color : #ff6600;}
img {
border : none;}
#clear {
clear : both;}
/*----------Text Formate----------*/
#headline {
color : #ff9933;
font-family : Verdana, Tahoma, Arial, sans-serif;
font-size : 11px;
font-style : normal;
font-weight : bold;
text-align : center;}
#powered {
font-family:Verdana, Tahoma, Arial, sans-serif;
font-size:9px;
color:#ffffff;
font-style:normal;
font-weight:bold;}
/*----------Text Formate----------*/
/*----------Headermenu-Definitionen----------*/
a.menuButton {
background-color : transparent;
border : 1px solid;
border-color :#f0f0f0 #808080 #808080 #f0f0f0;
color : #000000;
cursor : pointer;
font-family : Verdana, Tahoma, Arial, sans-serif;
font-size : 11px;
font-style : normal;
font-weight : normal;
margin : 1px;
padding : 2px 6px;
position : relative;
text-decoration : none;
width : 0;
height : 0;
visibility : visible;
}
a.menuButton:hover {
background-color : transparent;
border : 1px solid;
border-color : #808080 #f0f0f0 #f0f0f0 #808080;
color : #ff9933;
}
#start {
position:relative;
left : 30px;
float : left;}
#shop {
position : relative;
left : 185px;
float : left;}
#demnaechst {
position : relative;
left : 190px;
float : left;}
#media {
position : relative;
left : 195px;
float : left;}
#forum {
position : relative;
left : 200px;
float : left;}
#links {
position : relative;
left : 205px;
float : left;}
/*----------Headermenu-Definitionen----------*/
/*----------Werbung Rechts----------*/
#banner_right {
position : absolute;
top : 255px;
left : 815px;
width : 180px;
height : 700px;
float : left;}
/*----------Werbung Rechts----------*/
/*----------Main----------*/
#main {
background-color : #333333;
border : 2px solid #000000;
color : #ffffff;
width : 800px;
top : 5px;
left : 5px;
position : absolute;
float : left;}
/*----------Main----------*/
/*----------Head Definition----------*/
#head {
position : relative;
left : 5px;
width : 790px;
height : 246px;}
#logo {
position : relative;
width : 245px;
height : 210px;
float : left;}
#highlitepic {
position:relative;
width : 545px;
height : 210px;
float : left;}
#navigationsleiste {
background-repeat:no-repeat;
background-image:url(../images/navi/navigation.jpg);
padding-top:8px;
position:relative;
width : 790px;
height : 36px;}
/*----------Head Definition----------*/
/*----------Content Definition----------*/
#content {
background-color : #000000;
color : #ffffff;
border-top : 2px solid #cccccc;
position : relative;
left:5px;
width : 790px;}
#content_left {
padding : 4px;
width : 158px;
float : left;}
#content_center {
border-left: 2px solid #cccccc;
border-right : 2px solid #cccccc;
padding : 4px;
width : 494px;
float : left;}
#content_right {
padding : 4px;
width : 110px;
float : left;}
/*----------Content Definition----------*/
/*----------Content LEFT Definition----------*/
#flyerposition {
position:relative;
left:4px;}
/*----------Content LEFT Definition----------*/
/*----------Content CENTER Definition----------*/
#news {}
#artikelformat {
height:130px;
margin:5px;}
#artikel_headline {
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #ffffff;
color : #ffff66;
font-family : Verdana, Tahoma, Arial, sans-serif;
font-size : 11px;
font-style : normal;
font-weight : bold;
text-align:left;
position:relative;
padding-bottom:2px;
left:96px;
width:370px;}
#image {
float:left;
padding-right:15px;
padding-top:10px;}
#text {
color : #ffffff;
font-family : Verdana, Tahoma, Arial, sans-serif;
font-size : 10px;
font-style : normal;
font-weight : normal;
text-align:justify;
padding-top : 8px;}
/*----------Content CENTER Definition----------*/
/*----------Content RIGHT Definition----------*/
#coverposition {
position:relative;
padding-left:4px;}
/*----------Content RIGHT Definition----------*/
/*----------SubNavigation Definition----------*/
#subnavigation {
border-top-width : 2px;
border-top-style : solid;
border-top-color : #cccccc;
background-color:#000000;
width : 790px;
position:relative;
margin-left:5px;}
/*----------SubNavigation Definition----------*/http://www.black-elementz.com/cms/front ... p?idcat=16
