spot7.org logo
Home PHP C# C++ Android Java Javascript Python IOS SQL HTML Categories

Float affecting everything after div


Try adding

#stream_panels {
    overflow: hidden;
}

#stream_panels {
  padding-left: 25%;
  padding-right: 25%;
  overflow: hidden;
}
#stream_chatrules {
  max-width: 320px;
  float: left;
}
#stream_questions {
  max-width: 320px;
  float: left;
  text-align: center;
}
footer {
  background-color: #1E1E1E;
  color: white;
  font-size: 18px;
  text-align: center;
}
<div
id='stream_panels'>
  <div id='stream_chatrules'>
    <img src='chat.png' alt='chat rules'
draggable='false' />
    <br />
    <b>Just some random text</b>
    <br />
  </div>
  <div id='stream_questions'>
    <img src='qa.png' alt='questions'
draggable='false' />
    <br />
    <b>Question 1</b>
    <br />Answer 1
    <br />
    <b>Question 2</b>
    <br />Answer 2
  </div>
</div>
<footer>website by cold hands, 2014
  <br />
  <span id='footer_links'>
    <a>youtube></a>
    <a>twitter</a>
    <a>stream</a>
    <a>deviantart</a>
  </span>
</footer>

Or

footer {
    clear: both;
}

#stream_panels {
  padding-left: 25%;
  padding-right: 25%;
}
#stream_chatrules {
  max-width: 320px;
  float: left;
}
#stream_questions {
  max-width: 320px;
  float: left;
  text-align: center;
}
footer {
  background-color: #1E1E1E;
  color: white;
  font-size: 18px;
  text-align: center;
  clear: both;
}
<div
id='stream_panels'>
  <div id='stream_chatrules'>
    <img src='chat.png' alt='chat rules'
draggable='false' />
    <br />
    <b>Just some random text</b>
    <br />
  </div>
  <div id='stream_questions'>
    <img src='qa.png' alt='questions'
draggable='false' />
    <br />
    <b>Question 1</b>
    <br />Answer 1
    <br />
    <b>Question 2</b>
    <br />Answer 2
  </div>
</div>
<footer>website by cold hands, 2014
  <br />
  <span id='footer_links'>
    <a>youtube></a>
    <a>twitter</a>
    <a>stream</a>
    <a>deviantart</a>
  </span>
</footer>


Categories : HTML

Related to : Float affecting everything after div
changes of db details in local.xml not affecting
Make sure there are no local.xml.extra or local.xmlanything files in app/etc directory. (This happened with me sometimes. I had a habit of renaming old local.xml file to local.xml2 and Magento picks that local.xml2 file as a configuration file. So you should delete the old file or move it to some different location.) Make sure the Magento Caching/ Any other caching is disabled. There can be Full

Categories : Magento
Auto Layout with relative constraints not affecting systemLayoutSizeFittingSize: for UITableViewCell
The width of the cell's contentView doesn't any have constraints by default (its width is set by the SDK only when it is added to the table view), so when you call systemLayoutSizeFittingSize: on it, the constraint solver assumes it's valid to compress the width as much as needed when trying to find a valid solution, which of course results in the wrong height. To fix this, you can add a single c

Categories : IOS
Enable link after hover state on touch devices without affecting normal scroll
I managed to get it working via pure CSS. I put visibility: hidden on the jac-rollover__link, then I used a CSS transition on visibility, with a length of 0s but with a delay of 0.5s, which is the same time the hover effect takes to complete. So, viola no javascript and it works really well on everything I've tested on so far. I suppose pretty much all touch devices with have support for CSS trans

Categories : Javascript
how put div center when use float
You have to remove float, set text-align: center to container and display: inline-block to items. .test { width: 100%; height: 120px; background: green; text-align: center; } .inside { width: 100px; height: 100px; background: white; margin: 10px; display: inline-block; } <div class="test"> <div class="inside"> </div> <div class="inside"> </di

Categories : HTML
inf not convertible to a float
bugs * 1.5 is a floating-point operation because of the floating-point operand (1.5), which you convert back to an integer. Note bugs * 2 and bugs * 1 are integer operations, because of the integer operands. It is always increasing, at an exponential rate (bugs = int(bugs * 1.5)). Eventually bugs will be an integer large enough such that bugs * 1.5 will exceed the maximum allowable value of a fl

Categories : Python
Recently Add
Div to Wrap Content?
Vertically align an inline-block next to an inline-block that is taller
3x3 table in css and html each side different colour
Adapt website for blind people
Toggle menu is not working in the mobile device
Silverstripe 3: How to remove html text from GridField in EditForm view?
Max height - change when window is resized?
How can I create a non-repeated outside border image?
How to insert raw html in jade file (not include external html file)
Background-image repeating when resize window (background-repeat is no-repeat)
CSS: Horizontally centering in a container smaller than the actual element
Will subdomain and Wordpress interfere with eachother?
Sub menu in specific location
Disabling border-collapse for single columns and rows
Call function in asp from onclick button
Background bigger than iframe
If Else button pressed in HTML5?
How to get multiple rotating background cover with css / Full screen slideshow
Two divs side-by-sideā€”one in the centre, the other on the right
Chrome hides SPAN if "list-style-type" is "none"
How can I change the size of my css button in outlook?
Retain table layout while using block display for tbody
Align image in unordered list with list items
Background-color covers previous line
Sending a web page as HTML mail from Perl
Correctly formatting arrays in HTML
HTML/CSS - Change color of inputbox if certain number of chars is entered
Polymer SVG as CSS background-image not working
inside a
how to replace or update json value in file?
© Copyright 2017 spot7.org Publishing Limited. All rights reserved.