CONTENIDO Forum

Hallo,...

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----------*/

und hier noch der Link zu der Seite. Einfach mal mit beiden Browsern betrachten.

http://www.black-elementz.com/cms/front ... p?idcat=16

Also bei mir (ie6) sieht es völlig normal aus:

http://www.fisiserver.de/04fi02/ausbild ... oad/be.PNG

ReneFFM hat geschrieben:Also bei mir (ie6) sieht es völlig normal aus:

Dito.

Aber unter dem Menu ist in deinem Screenshot auch eine Spalte...

nicht gesehen?

Hmm sehr merkwürdig..

CONTENIDO Forum

Module verschieben sich.

Module verschieben sich.