css - IE not clearing subsequent floats -


I'm trying to float two divs on the opposite side of the page, with the text flowing between them (second The top div of the left-alliance should also be under the first (right-aligned) div. The code below works fine in FF, Chrome, Opera etc, but it does not properly clear in IE. Both divs appear at the top of the text.

If I move the left-aligned div very less within the text, it works fine in IE, but this is not really a permanent solution.

P> I have found several pages on the IE CSS float bug, but I have not got anything directly on this.

CSS 

  Div {width: 200px; Margin-top: 10px; Border-style: solid; Border width: 1px; Status: Relative; }. Wiper {width: 600px; Border color: # FF0000; } .right {float: right; Border color: # 00FF00; }. Left {float: left; Clean both; Border color: # 0000FF; }

HTML: 

  & lt ;! DOCTYPE html public "- // W3C // DTD HTML 4.01 /" "http://www.w3.org/TR/html4/strict.dtd"> & Lt; Html & gt; & Lt; Top & gt; & Lt; Link rel = "stylesheet" href = "float.css" /> & Lt; / Head & gt; & Lt; Body & gt; & Lt; Div class = "wrapper" & gt; & Lt; Div class = "right" & gt; Advertise on this website For the current time Vivamus mi risus, Dipibus AC, Picture Quoices, Pilgrask Eaget, Same & Lt; / Div & gt; & Lt; Div class = "left" & gt; Michael either please see Cras rhoncus nisl accumsan trp in the Said lasnia Ligula Morbi How to do? Morbi Commodo Look & Lt; / Div & gt; & Lt; P & gt; Advertisement for advertising Vivamus mi risus, Dipibus AC, Picture Quoices, Pilgrask Ezekette, Sam Mikeens for a specific time, in any way, in any way, either the exclusive Hendridge Intermediate Oari ducts without Ultra Six Are ready for Anne Arch Purus, Roncus, Vestubulam Yal, Vault and Now, integer easst rhesus east purus viverra congue. & Lt; / P & gt; & Lt; P & gt; Regarding Android, as a sapphire or independence, Nolum Pulvinarer Orissi on Door SEGT and AC Elite, Thank you for contacting about Vivamas Laboratories Pillarsk Hiri Pine Laureet Masa AC METS Integer Fauzbus Laurim Moleste Nih Integer ID Masta Integer number, Piridis ID, Interdutum et, Preetium EZIT, ORCI Michael Litre. & Lt; / P & gt; & Lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt;

There are elements in IE 7 and IE6 which have float and clear on them. In IE 7, the element containing float by using clear only clears the float in the same direction below the other float.

A modified version of the fix can be a trick, but do not get your hopes to see this page for details.

The bottom line is that you probably are not going to work in IE 6/7 without fraud: moving the div down into text, embedding the divisions in the paragraphs, etc.


Comments

Post a Comment

Popular posts from this blog

python - Overriding the save method in Django ModelForm -

I'm having trouble overriding a ModelForm save method. I get this error I'm: Exception type: TypeErier Exception Value: Save () found an unexpected keyword argument 'committed' My intentions include a form 3 fields Submit several values ​​for, then create an object for each combination of those areas, and to save each object file models.py class collarsult type (models.Model): id = model. AutoField (db_column = 'icontact_result_code_type_id', primary_key = true) callResult = models.ForeignKey ( 'CallResult', db_column = 'icontact_result_code_id') campaign = models.ForeignKey ( 'campaign', db_column = 'icampaign_id') CALLTYPE = models.ForeignKey ( 'CALLTYPE', db_column = 'icall_type_id') agent = models.BooleanField (db_column = 'bagent', default = true) teamLeader = models.BooleanField (db_column = 'bTeamLeader', default = true) active = models.BooleanField (db_column = Django.form...
Read more

html - CSS autoheight, but fit content to height of div -

I have a div in which there are three children- div in the left and middle div: float: left while true: float: true because it is my layout Actually will spoil, I've used ClearFix Hack: .cf {zoom: 1; }. Cf: First,. Cf: {content: ""; Display: Table; }. Cf: After {clear: both; } It still works, but I want to be the right div an indicator. So it should fill 100% of the parent unit of height. How can I complete this? PS is the full code: & Lt; / Div & gt; & Lt; Div class = "mobile_content" & gt; & Lt; H5 & gt; {{Data.titel}} & lt; / H5> & Lt; Table & gt; & Lt; TR & gt; & Lt; Th & gt; Komponist: & lt; / Th & gt; & Lt; TD & gt; {{Data.komponist}} & lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; Th & gt; Instrument: & lt; / Th & gt; & Lt; TD & gt; {{Data.instrumente}} & lt; / TD & gt; & Lt; / TR & gt;...
Read more

qt - How to prevent QAudioInput from automatically boosting the master volume to 100%? -

I have been trying to use Qt5 multimedia to record audio with QAudioInput, however, when I see If QAudioInput is started, it increases the master volume of my sound device to 100%. How can I prevent QAudioInput from changing the master volume? My current development platform is Linux with PalsAdio (with flat audio disabled). How can I use QAudioInput : QAudioDeviceInfo device_info = QAudioDeviceInfo :: defaultInputDevice (); QAudio format format; Format.setSampleRate (44100); Format.setChannelCount (1); Format.setSampleSize (16); Format.setCodec ("Audio / PCM"); Format.setSampleType (QAudioFormat :: SignedInt); Format.setByteOrder (QAudioFormat :: LittleEndian); Std :: cout & lt; & Lt; Device_info.deviceName (). ToUtf8 (). ConstData () & lt; & Lt; Std :: endl; QAudioInput * default_device = new QAudioInput (device_info, format); QIODevice * default_io_device = default_device-> Start (); a QAudioInput.setVolume () method is not you I ...
Read more