IE macht Design kaputt

**ELGordo** · 26.03.2008 12:05

Hy Leute hab hier unter http://mitteldorf.org/jtt/ ein Template gebastelt, jetzt hab ich das Problem, daß der Firefox es super darstellt nur der IE floated anscheinend falsch oder es ist irgendwas anderes. Ich habt echt keinen Plan mehr. Hoffe ihr könnt mir helfen.

Hier die CSS fürs template:

Code:

  body { background-image: url(../images/grau07.gif);
    }

  #banner { margin: 0pt 0pt 0pt 40pt;
    padding: 0pt;
    width: 900px;
    border-left-style: ridge;
    border-right-style: ridge;
    border-top-style: ridge;
    background-image: url(../images/banner.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 80px;
    }

  #suche { margin: 0pt 10pt 0pt 0pt;
    padding: 0pt;
    float: right;
    width: 250px;
    height: 20px;
    }

  #path { margin: 25pt 0pt 0pt 100pt;
    position: relativ;
    padding: 0pt;
    clear: both;
    float: left;
    width: 350px;
    height: 20px;
    }

  #links { margin: 0pt 5pt 0pt 0pt;
    padding: 0pt;
    position: relativ;
    float: right;
    }


  #kopf1 { z-index: 1;
    background-image: url(../images/bg1.png);
    background-repeat: repeat-x;
    margin-left: -5pt;
    width: 1018px;
    }

  #kopf { margin: 0pt 0pt 0pt 45pt;
    padding: 0pt;
    border-right-style: ridge;
    border-left-style: ridge;
    width: 900px;
    height: 150px;
    background-image: url(../images/header.png);
    background-repeat: no-repeat;
    z-index: 2;
    }

  #menu { width: 900px;
    height: 20px;
    opacity: 1;
    z-index: 3;
    }

  #bgcon { margin: 0pt 0pt 0pt 40pt;
    padding: 0pt;
    background-color: rgb(240, 246, 19);
    border-left-style: ridge;
    border-right-style: ridge;
    width: 900px;
    position: relativ;
    float: left;
    background-image: url(../images/bgcon1.png);
    background-repeat: repeat-x;
    }


  #con1 { margin: 0pt 0pt 0pt 0pt;
    padding: 0pt;
    width: 700px;
    position: relativ;
    float: left;
    }

  #rechts { margin: 0pt;
    padding: 0pt;
    width: 200px;
    position: relativ;
    float: right;
    }

  #con { margin: 0pt;
    padding: 0pt;
    width: 700px;
    position: relativ;
    float: left;
    }

  #fuss { border-style: solid ridge ridge;
    margin: 0pt 0pt 0pt 40pt;
    width: 900px;
    height: 50px;
    background-color: rgb(240, 246, 19);
    border-top-color: rgb(0, 0, 0);
    clear: both;
    }

Hier die HTML:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<?php if ( $my->id ) { initEditor(); } ?>
<?php mosShowHead(); ?>
<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/template_css.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="<?php echo $mosConfig_live_site;?>/images/favicon.ico" />
<?php
if(file_exists($mosConfig_absolute_path."/modules/mod_lxmenu/css_lxmenu.css")){
?>
	<link href="<?php echo $mosConfig_live_site; ?>/modules/mod_lxmenu/css_lxmenu.css" rel="stylesheet" type="text/css"/>
<?php
}
?>

</head>


<body>


<div id="banner">
<div id="suche"><?php mosLoadModules ( 'user2' ); ?>
</div>
<div id="path"><?php mosPathWay(); ?>
</div>
<div id="links">
<a href="http://www.mofdv.de" target="_blank"><img src="templates/sgrneu1/images/mofdv.png" alt="Mittel- und Oberfr&auml;nkischer Dartverband" style="border: 0px;"></a>
<a href="http://www.bfv.de" target="_blank"><img src="templates/sgrneu1/images/bfv.png" alt="Bayerischer Fussballverband" style="border: 0px;"></a>
</div>

</div>


<div id="kopf1">
<div id="kopf">
<div id="menu"><?php mosLoadModules ( 'top' ); ?></div>


</div>


</div>

<div id="bgcon">
<div id="con1"><?php mosLoadModules ( 'user1' ); ?></div>


<div id="rechts"><?php mosLoadModules ( 'right' ); ?></div>


<div id="con"><?php mosMainBody(); ?></div>
</div>

<div id="fuss"><?php include_once('includes/footer.php'); ?><?php mosLoadModules ( 'legals' ); ?>
</div>


</body>
</html>

**exparia** · 26.03.2008 12:47

Ziemlich durcheinander (CSS).

Lösung:
#con { margin: 0pt;
padding: 0pt;
width: 680px;
position: relativ;
float: left;
}

**ELGordo** · 26.03.2008 12:59

Zitat von exparia

Ziemlich durcheinander (CSS).

Lösung:
#con { margin: 0pt;
padding: 0pt;
width: 680px;
position: relativ;
float: left;
}

Danke das hat wunderbar geklappt nur hab leider hab ich oben immer noch das Problem, daß das Pathway am Banner klebt und die zwei kleinen Logos eigentlich rechts dargestellt werden sollten (wie im FF halt). Und der Banner mit dem Bild ist auch zuweit rechts.

Wieso durcheinander? Ich kann mir die schon gar nicht anders vorstellen *g*

EDIT: Habs hinbekommen, hab mit !important gearbeitet.

Thema: IE macht Design kaputt

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

IE macht Design kaputt

Erhielt Danksagungen von:

Lesezeichen

Lesezeichen

Berechtigungen