Thema: Template zerschießt im IE - rechtes Menü wird unter die Seite gesetzt

www.hifi-zauberklang.de

Leider habe ich erst spät durch einen Hinweis gemerkt, dass die Seite im Internet Explorer nicht richtig dargestellt wird. Firefox, etc. machen keine Probleme.

Das rechte Menü wird bei der Darstelleung im ie nicht richtig angezeigt und befindet sich unter der ganzen Seite... Also unter dem Banner am linken Rand des Mittelteils.

Leider kann ich mir das ncith erklären. Ich würde ja sagen, selbst schuld wer den ie benutzt, aber so einfach gehts dann wohl doch nicht...

Hmm ok, hier die komplette CSS, anscheinend gibt es da so was wie eine Einstellung für den ie...

Warum die css von com_chronocomments vier mal in deine Seite eingefügt weiß ich nicht. Ich weiß auch nicht wer das war. ist das schlimm?

/*001 - All Global CSS Resets*/
* { margin: 0; padding: 0; }
p,blockquote,form,label,ul,ol,dl,fieldset,address { margin: 0; }
p { padding: 3px 0px; }
img { border: 0; }
a img { border: 0; }
b { font-family: Arial, Helvetica, sans-serif; color:#CFCFCF; }
table { font-size: 1em;}
ul { list-style: none; margin: 10px 0px; }

li {
background-image: url(../images/list_bullet.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 13px;
display: block;
}

a:link, a:visited, li a:link, li a:visited { text-decoration: none; color: #FF3333; }
a:hover, a:active, li a:hover { text-decoration: none; color: #FFFFFF; }



body {
margin: 0;
padding: 0;
background-image: url(../images/site_bg.png);
background-repeat: repeat;
background-color: #212629;
color: #ACB7BF;
font-family: "Tahoma", Arial, Helvetica, sans-serif;
font-size: 12px;
height: 100%;
text-align: center;
margin-bottom:20px;
}

.site_wrap {
margin:0 auto;
width:950px;
text-align: left;
}

#site_faux {
background-image: url(../images/faux_bg.png);
background-repeat: repeat-y;
float: left;
}

/*003 - Header Elements*/

#header {
width: 650px;
height: 81px;
display: block;
background-image: url(http://www.hifi-zauberklang.de/image...c/header.jpg);
}

#main_menu {
width: 650px;
height: 47px;
display: block;
background-image: url(http://www.hifi-zauberklang.de/image.../menu_bg.jpg);
}

#right_wisp {
width: 250px;
height: 81px;
display: block;
background-image: url(../images/right_wisp.jpg);
}

#logo {
width: 250px;
height: 47px;
display: block;
background-image: url(../images/logo.jpg);
}

/*004 - Top Primary Navigation*/

#mainlevel-nav {
margin-right: 5px;
padding-top: 10px;
margin: 0px;
}

#mainlevel-nav li {
float: right;
background-image: none;
padding-left: 0px;
}

#mainlevel-nav li a:link, #mainlevel-nav li a:visited {
background-image: url(../images/menu_up.png);
padding: 5px 10px;
margin: 0px 5px;
list-style: none;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #FFFFFF;
display: block;
}

#mainlevel-nav li a:hover {
background-image: none;
background-color: #212629;
color: #FF3333;
}

/*005 - Side Menu Navigation*/
.moduletable_menu ul { margin: 0px; }

.moduletable_menu li {
background-image: none;
padding-left: 0px;
}

.moduletable_menu li a:link, .moduletable_menu li a:visited {
background-image: url(../images/side_menu_up.png);
width: 225px;
height: 28px;
display: block;
line-height: 26px;
text-indent: 30px;
}

.moduletable_menu li a:hover {
background-image: url(../images/side_menu_down.png);
width: 225px;
height: 28px;
display: block;
line-height: 26px;
text-indent: 30px;
}

/*006 - Main Content Area*/

#inset {
float: left;
width: 640px;
padding-left: 5px;
padding-right: 5px;
background-color: #212629;
padding-bottom: 10px;
}

.ie #inset {
width: 650px;
}

#users { float: left; width: 650px; }

#user_one, #user_two { float: left; }

#user_one ul, #user_two ul { margin: 0px; }

#user_one li, #user_two li {
background-image: none;
padding-left: 0px;
}

#user_one li a:link, #user_two li a:link,
#user_one li a:visited, #user_two li a:visited {
height: 28px;
width: 325px;
display: block;
padding: 0px;
line-height: 28px;
}

#user_one li a:link, #user_one li a:visited {
background-image: url(../images/user_up_left.png);
background-repeat: no-repeat;
text-indent: 20px;
}

#user_one li a:hover {
background-image: url(../images/user_down_left.png);
background-repeat: no-repeat;
}

#user_two li a:link, #user_two li a:visited {
background-image: url(../images/user_up_right.png);
background-repeat: no-repeat;
text-indent: 30px;
}

#user_two li a:hover {
background-image: url(../images/user_down_right.png);
background-repeat: no-repeat;
}

#content {
width: 640px;
padding: 5px;
padding-bottom: 0px;
clear: both;
}



/*008 - Left, Right and Side Modules Area*/
#left_area {
float: left;
width: 650px;
padding-left: 50px;
}

#right_area { float: left; width: 250px; }

#right {
float: left;
width: 225px;
padding-left: 25px;
padding-top: 2px;
display: block;
margin: 0px 5px;
line-height: 20px;
text-indent: 20px;
}

#side_modules { width: 225px; margin-left: 25px; }

#side_modules div.moduletable, #side_modules div.moduletable_menu,
#side_modules div.moduletable_text { margin-top: 10px; clear: both;}

/*009 - Bottom Footer Area and Banners Styling*/
#footer_faux {
background-image: url(../images/footer_bg.png);
background-repeat: no-repeat;
background-position: bottom left;
float: left;
width: 950px;
margin-bottom: 15px;
}

div.banneritem {
background-image: url(../images/faux_footer.png);
background-repeat: repeat-y;
padding-top: 10px;
margin-bottom: 19px;
padding-left: 60px;
text-indent: 80px;
font-size: 11px;
height: 65px;
}

div.bannerheader {
font-size: 11px;
color: #FFFFFF;
padding-bottom: 5px;
}

.banneritem_text, .bannerfooter_text { font-size: 11px; }
.bannerfooter_text { padding-top: 5px; }
#footer { text-indent: 80px; }
#footer div.moduletable { font-size: 11px; color: #666666;}

#footer_spacer {
float: left;
display: block;
width: 100%;
height: 10px;
}

/*This is a link back to Theme Joomla, and is hidden, and will not effect your site*/
#link_back h1 {
position: absolute;
top: 0px;
left: -5000px;
}

/*001a - Content Styles */
h1, h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif;
font-weight: 600;
color: #FFFFFF;
padding-top: 4px;
padding-left: 0px;
}

h1 { font-size: 2.0em; }
#logo_text h1 { padding-top: 30px; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.3em; }
#user_two h3 { margin-left: 8px; }

#side_modules h3 {
background-image: url(../images/side_head_standard.png);
background-repeat: no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FFFFFF;
height: 38px;
line-height: 20px;
background-position: 0px 0px;
padding-left: 30px;
}

div.moduletable h3 {
background-image: url(../images/header_bullet.png);
background-repeat: no-repeat;
background-position: 2px center;
margin-bottom:10px;
margin-bottom:10px;
}

.ie div.moduletable h3, .opera div.moduletable h3, .safari div.moduletable h3 {
background-position: 2px 8px;
}

#inset h3 { padding-left: 18px; }

#user_one h3, #user_two h3 {
padding-left: 20px;
background-position: 5px center;
}

.ie #user_one h3, .ie #user_two h3,
.opera #user_one h3, .opera #user_two h3,
.safari #user_one h3, .safari #user_two h3 {
background-position: 5px 8px;
}

h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; font-weight: bold; }
h6 { font-size: 1em; font-weight: bold; }

/*002a - Input Boxes and Buttons*/
.inputbox {
background-image: url(../images/lite_trans.png);
background-repeat: repeat;
border: 1px solid #464646;
color: #FFFFFF;
font-size: 14px;
font-weight: normal;
padding: 2px;
font-family: Arial, Helvetica, sans-serif;
margin-top: 4px;
}

.inputbox:hover {
background-color: #434343;
border: 1px solid #222222;
color: #FFFFFF;
}

#modlgn_username, #modlgn_passwd {
height: 16px;
width: 210px;
margin-bottom: 3px;
}


.ie #modlgn_username, .ie #modlgn_passwd {
height: 23px;
}

.button {
background-color: #212629;
border: none;
padding: 3px 6px;
margin-top: 3px;
margin-bottom: 3px;
cursor: pointer;
color: #FF3333;
}

.button:hover { background-color: #222222; color: #FFFFFF; }

teil2

/*003a - Theme Style Content Style Typography*/
p.style_one, p.style_two, p.style_three, p.style_four, p.style_five {
display: block;
padding: 8px 25px;
margin: 15px 0;
background-color: #212629;
}

p.style_one {
color: #33FF00;
background-image: url(../images/green_bullet.png);
background-repeat: no-repeat;
background-position: 10px center;
}

p.style_two {
color: #FF9900;
background-image: url(../images/orange_bullet.png);
background-repeat: no-repeat;
background-position: 10px center;
}

p.style_three {
color: #FF3399;
background-image: url(../images/pink_bullet.png);
background-repeat: no-repeat;
background-position: 10px center;
}

p.style_four {
color: #E600E6;
background-image: url(../images/purple_bullet.png);
background-repeat: no-repeat;
background-position: 10px center;
}

p.style_five {
color: #3C8AFF;
background-image: url(../images/blue_bullet.png);
background-repeat: no-repeat;
background-position: 10px center;
}

p.error,
p.notice {
background-color: #1F1F1F;
display: block;
padding: 10px 5px;
margin: 15px 0;
}

p.error { color: #FF0000; }
p.notice { color: #FFFF66; }

pre {
margin: 0px 0px 5px 0px;
padding: 10px;
font-size: 11px;
background-color: #212629;
color: #FFFFFF;
white-space: normal;
}

.sectiontableheader {
background-image: url(../images/table_header.png);
background-repeat: repeat-x;
height: 28px;
text-indent: 5px;
font-weight: normal;
border-bottom: 2px solid #1F1F1F;
color: #FFFFFF;
}

.sectiontableheader a:link, .sectiontableheader a:visited {
color: #FFFFFF;
text-decoration: underline;
}

.sectiontableentry1, .sectiontableentry2 {
height: 28px;
text-indent: 5px;
font-size: 11px;
text-align: left;
vertical-align: middle;
padding: 5px;
}

.sectiontableentry1 { background-color: #262C2F; }
.sectiontableentry2 { background-color: #2E3538; }

.highlight { background-color: #FF3333; color: #FFFFFF; }

/*004a - Joomla Core Style Elements*/
div.componentheading {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 36px;
color: #484F53;
}

td.contentheading {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #DFDFDF;
font-size: 1.3em;
width: 100%;
}

.small, td.createdate, td.modifydate { font-size: 10px; color: #737B80; }

table.contenttoc {
background-color: #212629;
padding: 5px 10px;
}

table.contenttoc th{ color: #FFFFFF; }
table.contenttoc td { font-size: 11px; }

fieldset {border: none;}
thead tr{ height: 30px; }
table.poll {font-size: 11px; font-weight: normal;}
#form-login ul { font-size: 11px; }

Super! Danke, jetzt passt es!