Zahak Posted July 12, 2008 Share Posted July 12, 2008 Hi folks!Got some trouble with an element. In Internet Explorer (only have 6 at my computer) the bottom-part moves to the right:http://www.efs-kyrkan.info/beta/rock/index.php?page=testAnyone got any idea of why it does that? As usual it looks fine in Firefox (3), Opera and Safari...//Zahak Link to comment Share on other sites More sharing options...
rzea Posted July 12, 2008 Share Posted July 12, 2008 Try adding a float:left; p.bottom{ font-family: Arial; color: #FFFFFF; padding: 2px 4px 0px 0px; text-align: right; margin: 0px; float:left;} Link to comment Share on other sites More sharing options...
Zahak Posted July 12, 2008 Author Share Posted July 12, 2008 Don't really think that you understood my problem.It looks like this in ie6:But it should look like this (as it does in all other browser except ie): Link to comment Share on other sites More sharing options...
rzea Posted July 12, 2008 Share Posted July 12, 2008 Don't really think you tried my solution. Link to comment Share on other sites More sharing options...
190319m9 Posted July 12, 2008 Share Posted July 12, 2008 Provide full CSS! I want to analyse! Link to comment Share on other sites More sharing options...
rzea Posted July 12, 2008 Share Posted July 12, 2008 Just go the site dude, the link is on the first post, lol. Link to comment Share on other sites More sharing options...
Zahak Posted July 13, 2008 Author Share Posted July 13, 2008 Don't really think you tried my solution.I did, but it only moved the text to the left side inside the box. The element itself is still to the right. Link to comment Share on other sites More sharing options...
Zahak Posted July 13, 2008 Author Share Posted July 13, 2008 Provide full CSS! I want to analyse!Ehm, just follow the link... anyway, here:html, body{background-color: #FFFFFF;background-image: url(../images/bakgrund.jpg);background-repeat:no-repeat;background-attachment:fixed;background-position:bottom;padding:0px;margin: 0px;height: 100%;}body{font-family: "trebuchet ms",tahoma,verdana,sans-serif;font-size: 75%;line-height: 1.4;color: #4D4D4D;}#container-page{width: 800px;position: relative;min-height: 100%;height: auto !important;height: 100%;margin-left: auto;margin-right: auto;}#container-content{width: 800px;}#container-foot{width: 100%;position: absolute;bottom: 0 !important;bottom: -1px;height: 33px;width: 800px;background-color: #FFFFFF;clear: both;}#bottom{width: 800px;height: 20px;background-color: #a92726;}#special{clear: both;padding-bottom: 33px;}#banderoll{width: 800px;background-color: #FFFFFF;}#menu{width: 800px;height: 22px;padding: 0px;background-color: #a92726;}#m_left{width: 70%;height: 100%;float: left;}#m_right{width: 30%;height: 100%;float: left;text-align: right;}#main{width: 100%;background-color: #FFFFFF;}#left{width: 532px;float: left;padding-bottom: 40px;}#right{width: 258px;padding: 0px 0px 0px 10px;float: left;padding-bottom: 40px;}div.right2 {border: 1px solid #E3E1E1;margin: 14px 11px 2px 0px;padding: 5px;width: 235px;}#index{width: 660px;padding: 25px 80px 40px 60px;}#admin_right{width: 625px;float: left;}div.admin_right{width: 604px;margin: 10px 5px 2px 7px;padding: 3px;}#admin_left{width: 205px;float: left;}div.admin_left{width: 175px;margin: 14px 0px 2px 10px;padding: 5px;border: 1px solid #e3e1e1;}div.admin_left_marked{width: 175px;margin: 14px 0px 2px 10px;padding: 5px;border: 1px solid #cc0000;}#special{clear: both;padding-bottom: 20px;}img.image{border: 1px solid #e3e1e1;padding: 1px;}/* Root = Horizontal, Secondary = Vertical */ul#menu { margin: 0; border: 0 none; padding: 0; width: 100%; /*For KHTML*/ list-style: none; height: 22px;}ul#menu li { margin: 0; border: 0 none; padding: 0; float: left; /*For Gecko*/ display: inline; list-style: none; position: relative; height: 22px;}ul#menu ul { margin: 0; border: 0 none; padding: 0; width: 160px; list-style: none; display: none; position: absolute; top: 22px; left: 0;}ul#menu ul:after /*From IE 7 lack of compliance*/{ clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden;}ul#menu ul li { width: 175px; float: left; /*For IE 7 lack of compliance*/ display: block !important; display: inline; /*For IE*/ background: #710d0c;}/* Root Menu */ul#menu a { border: 0px; padding: 0 6px; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; background: #A92726; color: #FFFFFF; line-height: 22px; text-decoration: none; height: auto !important; height: 1%; /*For IE*/}/* Root Menu Hover Persistence */ul#menu a:hover,ul#menu li:hover a,ul#menu li.iehover a { background: #710d0c; color: #FFFFFF;}/* 2nd Menu */ul#menu li:hover li a,ul#menu li.iehover li a { float: none; background: #710d0c; color: #FFFFFF;}/* 2nd Menu Hover Persistence */ul#menu li:hover li a:hover,ul#menu li:hover li:hover a,ul#menu li.iehover li a:hover,ul#menu li.iehover li.iehover a { background: #cb0b0b; color: #FFFFFF;}ul#menu ul ul,ul#menu ul ul ul { display: none; position: absolute; top: 0; left: 160px;}/* Do Not Move - Must Come Before display:block for Gecko */ul#menu li:hover ul ul,ul#menu li:hover ul ul ul,ul#menu li.iehover ul ul,ul#menu li.iehover ul ul ul { display: none;}ul#menu li:hover ul,ul#menu ul li:hover ul,ul#menu ul ul li:hover ul,ul#menu li.iehover ul,ul#menu ul li.iehover ul,ul#menu ul ul li.iehover ul { display: block;}/* Root = Horizontal, Secondary = Vertical */ul#menu2 { margin: 0; border: 0 none; padding: 0; width: 100%; /*For KHTML*/ list-style: none; height: 22px; text-align: left;}ul#menu2 li { margin: 0; border: 0 none; padding: 0; float: right; /*For Gecko*/ display: inline; list-style: none; position: relative; height: 22px;}ul#menu2 ul { margin: 0; border: 0 none; padding: 0; width: 160px; list-style: none; display: none; position: absolute; top: 22px; left: 0;}ul#menu2 ul:after /*From IE 7 lack of compliance*/{ clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden;}ul#menu2 ul li { width: 175px; float: left; /*For IE 7 lack of compliance*/ display: block !important; display: inline; /*For IE*/ background: #710d0c;}/* Root Menu */ul#menu2 a { border: 0px; padding: 0 6px; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; background: #A92726; color: #FFFFFF; line-height: 22px; text-decoration: none; height: auto !important; height: 1%; /*For IE*/}/* Root Menu Hover Persistence */ul#menu2 a:hover,ul#menu2 li:hover a,ul#menu2 li.iehover a { background: #710d0c; color: #FFFFFF;}/* 2nd Menu */ul#menu2 li:hover li a,ul#menu2 li.iehover li a { float: none; background: #710d0c; color: #FFFFFF;}/* 2nd Menu Hover Persistence */ul#menu2 li:hover li a:hover,ul#menu2 li:hover li:hover a,ul#menu2 li.iehover li a:hover,ul#menu2 li.iehover li.iehover a { background: #cb0b0b; color: #FFFFFF;}ul#menu2 ul ul,ul#menu2 ul ul ul { display: none; position: absolute; top: 0; left: 160px;}/* Do Not Move - Must Come Before display:block for Gecko */ul#menu2 li:hover ul ul,ul#menu2 li:hover ul ul ul,ul#menu2 li.iehover ul ul,ul#menu2 li.iehover ul ul ul { display: none;}ul#menu2 li:hover ul,ul#menu2 ul li:hover ul,ul#menu2 ul ul li:hover ul,ul#menu2 li.iehover ul,ul#menu2 ul li.iehover ul,ul#menu2 ul ul li.iehover ul { display: block;}ul.admin{ list-style-type:none; margin:0px 4px; padding:0px;}ul.admin li{ display: inline; list-style-type: none; margin:0px; padding:0px;}ul.admin a, ul.admin li a{ text-decoration: none; font-family: Arial; color: #313131; margin:0px; padding:0px;}ul.admin a:hover, ul.admin li:hover a, ul.admin li.iehover a{ color: #8f8f8f; background: #FAFAFA; margin:0px; padding:0px;}a.right{ text-decoration: none; font-family: Arial; color: #313131;}a.right:hover{ color: #8f8f8f;}a.bottom{ text-decoration: none; font-family: Arial; color: #FFFFFF;}a.bottom:hover{ color: #FFFFFF; text-decoration: underline;}a.right{ font-family: Arial; color: #4D4D4D; text-decoration: none;}a.right:hover{ font-family: Arial; color: #4D4D4D; text-decoration: underline;}a.right:visited{ font-family: Arial; color: #8f8d8d; text-decoration: none;}a.sidor{ font-family: Arial; color: #4D4D4D; text-decoration: none; margin-left: 2px; margin-right: 2px;}a.sidor:hover{ font-family: Arial; color: #8f8f8f; background: #FAFAFA; text-decoration: none; margin-left: 2px; margin-right: 2px;}p.bottom{ font-family: Arial; color: #FFFFFF; padding: 2px 4px 0px 0px; text-align: right; margin: 0px;}p.kalender{ margin-left: 25px; margin-right: 25px;}table.kalender{ margin-left: 20px; width: 162px; }table.sidor{ border-collapse: collapse; border: 1px solid #E3E1E1; height: 20px;}input, textarea, file{background-color:#FFFFFF;border:1px solid #666666;font-family: arial;opacity: 0.8;}input.start, textarea.start, file.start{font-size: 75%;}hr{border-style: dotted none none;width: 80%;color: #E3E1E1;height: 1px;} Link to comment Share on other sites More sharing options...
Zahak Posted July 13, 2008 Author Share Posted July 13, 2008 Problem solved!Obviously I was a bit tired yesterday, closing 1 div to much (closed a non-excisting div). That made ie flip out, while fx (and others) managed to handle it.Thanks for your help anyway! Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.