Solved

Box broken in IE 6

Posted on 2008-10-14
2
326 Views
Last Modified: 2013-11-19
Hi,

I have this website which works fine but the box on right (second yellow box) is broken in IE 6. Having hard time to understand what is it thats breaking it. Works fine in IE7, FF, Safari and Opera.

http://www.paradex.co.uk/iscnew/index.php?option=com_content&task=view&id=80
Joomla CMS 1.0.15
<!-- MAIN BODY START -->

                <?php if ($option != 'com_frontpage' ) { ?>

                <div id="m-body">

                    <div id="mainbody-top"></div>

                    <div id="m-body-center">

                        <div id="m-body-inner">

                            <?php include_once("mainbody.php"); ?>

                         </div>

                    </div>

                    <div id="m-body-bottom"></div>

                </div>

                <?php } ?>

<!-- MAIN BODY END -->

 

 

----------------------------- CSS -----------------------------

#m-body {width: 591px; margin-left: 0px;}

#m-body-top {width: 592px; background: url(../images/content-bg-top.gif) no-repeat; height: 6px;}

#m-body-center {padding: 0; margin: 0; width: 592px; background: url(../images/content-bg-center.gif) repeat-y;}

#m-body-bottom {width: 591px; background: url(../images/content-bg-bottom.gif) no-repeat; height: 7px; margin-bottom: 10px;}

/*#textbox1 a {padding-left: 14px; margin-left: 6px; color: #545454; background: url(../images/ja-moduletable-a-hover.gif) no-repeat; font: 100% Tahoma, Arial, sans-serif;}*/

#m-body-center div {padding: 5px; margin: 0;}

Open in new window

0
Comment
Question by:khawaib
2 Comments
 
LVL 42

Accepted Solution

by:
David S. earned 500 total points
ID: 22713077
IE4-6/Win won't let an element have a height that is less than its line-height.
To fix this you can decrease the font-size and line-height OR use overflow:hidden.

P.S. Are you aware that your page contains XHTML and CSS errors?
http://validator.w3.org/
http://jigsaw.w3.org/css-validator/
0
 

Author Comment

by:khawaib
ID: 22716950
Hi,

Thanks for reply, that sorted the top broken box problem. Can you please have look at this link and see why the bottom is broken. It aligns to the left side and breaks from its position where it should be. I have tried overflow:hidden but it did not work.
http://www.paradex.co.uk/iscnew/index.php?option=com_content&task=view&id=127&Itemid=105

Also on some pages the right column breaks the layout and drops at bottom of left columns.
http://www.paradex.co.uk/iscnew/index.php?option=com_content&task=view&id=127&Itemid=105

(all observations are in IE6)

Not too much bothered for validations at the moment, may look at that later.

Thanks
Note: Points increased
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
JavaScript has plenty of pieces of code people often just copy/paste from somewhere but never quite fully understand. Self-Executing functions are just one good example that I'll try to demystify here.
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

910 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now