Ich hoffe ich bin hier richtig....ein sehr hoher Prozentsatz der "Surfer" braucht den Internet Explorer. Genau bei diesem zeigt es meine Mamboseite falsch an: Der Bereich "rechts" wird dem Bereich "links" (MainMenu) unten angehängt . . . der Bereich "rechts" ist dann leer....wie kann man die Seite "ExplorerKompatibel" machen?!?
Ich benutze Mambo 4.5.3 und versuchs mit dem IE 5.2

hier folgt der Code von Bereich "links" und "Rechts":

.div_menue_links {
float:left;
width:200px;
background:url(../images/rahmen_v.gif) repeat-y right;
}
.div_content {
float:left;
width:510px;
background:url(../images/rahmen_v.gif) repeat-y right;
padding-left:20px;
padding-right:20px;
}
.div_menue_rechts {
height:500px;
float:left;
width:180px;
padding-left:10px;

}
.div_footer {
width:950px;
margin:auto;
}

vielen Dank für Hilfe

Rodriguez

nimm lieber joomla als mambo. basiert auf mambo 4.5.2 glaub ich und wird noch von einem aktiven (dem alten mambo) team weiterentwickelt...

Ein Umstieg auf Joomla wird ihm wohl kaum das CSS-Problem mit dem IE beheben.

Rodriguez

Das CSS stammt von dir? Der IE ist ja dafür bekannt, daß er bei Boxen die Größen anders verarbeitet wie der Rest der Browserwelt. Da in deinem CSS mit fixen Breiten und Paddings gearbeitet wird, vermute ich mal, daß die Box im IE dann zu groß wird und beim "Floaten" eben links statt rechts rauskommt.

Aber dazu müßtest du mal mehr Info rausrücken: wer hat das CSS geschrieben, in welchem Modus läuft der IE (Quirks, Strict, ...), etc.

Leider kann ich jetzt nicht einfach auf Joomla wexln...

Die CSS stammt nicht von mir . . . ich hab ein gegebenes Template auf meine Wünsche angepasst.
Könntest recht haben mit dem "Floaten" Rantanplan. Hier siehst du die gesamten CSS-infos:

html {
overflow-x:hidden;
}
div {
margin:0;
}
body {
font-family:Arial, Helvetica, sans-serif;
color:#333333;
line-height:175%;
margin:0px;
text-align:justify;
height:100%;
}

.seitenueberschrift {
font-size:28px;
color:#FFFFFF;
font-weight:normal;
float:left;
padding-top:26px;
}

#header{
background:url(../images/top_header.png) repeat-x #FFFFFF;
}
#newsflash{

}
#top_menue {
background-color:#333333;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
}
#footer {
width:100%;
background:url(../images/footer_div_bg.png) repeat-x;
float:left;
height:120px;
padding-top:67px;
color:#CCCCCC;

margin:auto;
}
.seitenheader_div {
text-align:right;
height:90px;
width:950px;
margin:auto;

}
.my_banner {
text-align:right;
height:60px;
padding-top:10px;
margin-bottom:-10px;

}
.div_topmenue{
padding-top:5px;
vertical-align:middle;
padding-bottom:5px;
text-align:left;
width:950px;
margin:auto;
}
.zentrier_mich {
text-align:center;
}

.div_contentheading {
background:url(../images/content_div_bg.png) repeat-x #FFFFFF top;
width:100%;
height:25px;
}
.div_contenttabelle{
width:950px;

margin-left:auto;
margin-right:auto;
}
.div_menue_links {
float:left;
width:200px;
background:url(../images/rahmen_v.gif) repeat-y right;
}
.div_content {
float:left;
width:510px;
background:url(../images/rahmen_v.gif) repeat-y right;
padding-left:20px;
padding-right:20px;
}
.div_menue_rechts {
height:500px;
float:left;
width:180px;
padding-left:10px;

}
.div_footer {
width:950px;
margin:auto;
}
.div_newsflash {
color:#FFFFFF;

height:20px;
width:950px;
margin:auto;
padding-top:10px;
padding-bottom:10px;
text-align:left;
overflow:hidden;
}
.div_newsflash h3{
color:#FFFFFF;
margin:0;
padding:0;
line-height:100%;
}
.div_footer ul#mainlevel-nav li {
background:url(../images/bottom_menue_trennbalken.gif) right no-repeat;
}

.div_user1, .div_user2 {
float:left;
margin-top:25px;
width:49%;

}
.div_user1 {
padding-right:2%;
}
.div_user1 h3,.div_user2 h3{
border-bottom:3px double #AAAAAA;
}
.latestnews li a, .mostread li a {
color:#333333;
font-weight:normal;
}

h1,h2,h3,h4,h5,h6 {
margin:0;
padding:0;
}
ul {
list-style:url(../images/pfeil_liste.gif);
margin:0;
padding:0;
margin-left:15px;
}
a {
text-decoration:none;
font-weight:bold;
}

ul li a, .pagenavcounter {
font-weight:bold;
}

ul#mainlevel-nav
{
margin:0;
margin-left:-10px;
padding:0;
}
ul#mainlevel-nav li
{
list-style: none;
display:inline;
background:url(../images/top_menue_trennbalken.gif) right no-repeat;
padding:0px 10px 0px 10px;
}

ul#mainlevel-nav li a
{
color:#FFFFFF;
font-weight:normal;
}

h3 {

margin-bottom:10px;
}
.contentheading, .blog_more div strong {

font-weight:bold;
}
.blog_more a {
font-weight:normal;
color:#333333;
}
.componentheading {

color:#333333;
padding-bottom:10px;
margin-bottom:20px;
}

a.mainlevel:link,a.mainlevel:hover,a.mainlevel:visited {
color:#333333;
display:block;
padding-left:13px;
min-height:21px;
background:url(../images/pfeil.gif) no-repeat;
font-weight:normal;
}

a.sublevel:link,a.sublevel:hover,a.sublevel:visited {
color:#333333;
display:block;
padding-left:10px;
margin-left:6px;
height:21px;
background:url(../images/pfeil.gif) no-repeat;
font-weight:normal;
}
#active_menu {
font-weight:bold;
}
.moduletable {
margin:0;
padding-bottom:20px;
}
.small {
color:#666666;
}
.createdate, .modifydate {
color:#999999;
}
#mod_login_username, #mod_login_password {
width:175px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
padding:2px;
color:#333333;
}
.button {
background-color:#CCCCCC;
border:1px solid #999999;
color:#333333;
margin-top:10px;
}
.inputbox {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
padding:2px;
color:#333333;
}
.readon {
padding-left:5px;
}
.contenttoc {
margin:10px;
border:1px solid #CCCCCC;

}
.contenttoc td{
text-align:left;
padding-left:5px;
padding-right:5px;
}
.contenttoc th{
text-align:left;
background-color:#DEDEDE;
padding-left:5px;
padding-right:5px;
}
.label {
text-align:left;
}
.mosimage {
border:1px solid #CCCCCC;
margin:5px;
}
.mosimage_caption {
background-color:#DEDEDE;
}
.sectiontableentry2 label{
text-align:left;
}
.sectiontableentry2 {
background-color:#EFEFEF;
}
.sectiontableentry1 {
background-color:#DFDFDF;
}
.sectiontableentry1 td div a, .sectiontableentry2 td div a {
font-weight:bold;
border:none;
}
.div_bfree {
visibility:hidden;
overflow:hidden;
height:0px;
}

h3, .contentheading {
font-size:140%;
}
.componentheading {
font-size:160%;
}
img {
border:none;
}
.div_style_chooser {
vertical-align:middle;
text-align:right;
}
.div_style_chooser img {
vertical-align:middle;
}
.color_box {
background-color:#333333;
border-color:transparent;
color:#999999;
height:18px;
vertical-align:middle;
font-size:xx-small;

}
.color_box option{
padding:5px;
border-bottom:1px dotted #FFFFFF;
color:#FFFFFF;
}


Da die Seite allgemein auf jeder IE-Version laufen muss, ist es Wurscht, in welchem Modus meiner läuft, habs schon auf verschiedenen Maschinen ausprobiert...auf keiner Version gehts richtig!

Thanx 4 help!

Rodriguez

Naja, wegen dem Modus hatte ich deswegen gefragt, weil der IE je nach Modus die Boxen anders berechnet (geil, gell? ) Siehe hier:

Ok, bevor mich Eszett vierteilt: "nach dem Modus"

Gaaaanz brutal!

Wenn hab dir deinen Link reingezogen...gute Site! Hat mir aber (noch) nicht geholfen - - - habe zwischendurch den IE geschlossen. Beim Neustart KOMMT DER VERDAMMTE BEREICH am richtigen Platz - - - Wenn ich nun in der Seite ein wenig "rumsurfe", also nach dem ersten click HAUT (DER VERDAMMTE) BEREICH wieder nach "links" unten ab....check ich nicht...krieg anfälle...scheissexplorer!