473,503 Members | 1,818 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Can't clear float in IE using overflow

<html>
<head>
<style>

..left {
float : left;
}
..left {
float : right;
}

#container {
overflow: auto;
border: 1px solid red;
}

</style>
</head>
<body>
<div id="container">
<div class="left">left <br />sdsd</div>
<div class="right">right</div>
</div>
ddd
</body>
</html>
according to quirk mode, if i use overflow: auto, i can managed to
clear the float automatically, yes, this work for FF & Opera, but nor
IE

any hints for this fix?

thanks.

Jan 8 '07 #1
2 2311
howa wrote:
>
according to quirk mode, if i use overflow: auto, i can managed to
clear the float automatically, yes, this work for FF & Opera, but nor
IE
What are you trying to do? What does not work? Why are you depending on
a broken feature?
Where is the URL to a test case?
Putting "ddd" in a block element where it belongs may take care of your
problem.

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Jan 8 '07 #2
howa wrote:
>
#container {
overflow: auto;
border: 1px solid red;
}

according to quirk mode, if i use overflow: auto, i can managed to
clear the float automatically, yes, this work for FF & Opera, but nor
IE
As usual, posting a code snippet doesn't always tell the whole story.
You should post a URL.

I assume you refer to: http://www.quirksmode.org/css/clearing.html

Guessing from what you did post, 2 likely problems are:
1. No DOCTYPE, which triggers quirks mode so all bets are off.
2. No properties assigned to #container that cause IE to switch on its
proprietary "hasLayout" mode. The article even says this is required.
any hints for this fix?
Try reading more carefully?

--
Berg
Jan 8 '07 #3

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

6
1918
by: lostinspace | last post by:
After four+ years of using FrontPage in a limited capacity and having created over 600 pages on my sites, I've finally (at least for the most part) abandoned FP, to begin the process of converting...
2
6948
by: Marek Mänd | last post by:
I have simple structure like: <div> <h3 style="text-align:center;"> <span style="float:right;">input type="image"/></span> <span style="float:left;">input type="image"/></span> boxes titlebar...
24
2410
by: Daphne Tregear | last post by:
Is anyone able to improve on this solution, and enable me to do without tables completely? http://www.cs.man.ac.uk/~daf/i-p-c-s.org/faq/gallery_old.php uses a table to lay out the thumbnails...
5
1860
by: Pat | last post by:
Give two double-typed variable X and Y. If (X==Y) is true, then how about the following results: (float(X) > float(Y))? (float(X) < float(Y))? (float(X) >= float(Y))? ( X > float(Y) )? ( X...
10
1999
by: Alexander Malkis | last post by:
What is the biggest float number f so that -f doesn't overflow and is still representable as a float. -- Best regards, Alex. PS. To email me, remove "loeschedies" from the email address...
1
2018
by: laurakr | last post by:
I am trying to use a clear to get my bottom nav bar below the quote box on the right, but it isn't working. I would like the bottom edge of the quote box to "stick" to the footer nav bar but copy...
5
3979
by: felipevaldez | last post by:
how can I put an element below another element, that's not absolutely positioned? so I have a n element, called X, and next to that, an element Y X Y XXXXXX
31
3044
by: Sarita | last post by:
Hello, this might sound stupid, but I got a really nice homepage template which unfortunately is a 3-Column Fixed Width CSS format. Now I don't have any content for the right column and would...
1
2029
by: donpro | last post by:
https://testbed.odysseyshipping.com/index.php This is driving me nuts. I've spent much time trying to style this page footer but because I cannot set widths using "display: inline". I've tried...
0
7202
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
7280
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
7330
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
1
6991
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
1
5014
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...
0
3167
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The...
0
1512
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated ...
1
736
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
0
380
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.