X
Tap here to go to the mobile version of the site.
Your Firefox is out of date and may contain a security risk! Upgrade Firefox

Support Forum

Why is a floating box outside its container?

Posted

This code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
><TITLE ></TITLE >
<BLOCKQUOTE STYLE="BACKGROUND: YELLOW; HEIGHT: 10EX" ><P STYLE="FLOAT: RIGHT" >Lorem<HR ><P STYLE="FLOAT: RIGHT" >ipsum</BLOCKQUOTE >
  • Why is BLOCKQUOTE wider than HR?
  • Why is ‘Lorem’ aligned with the widened BLOCKQUOTE?
  • Why is ‘ipsum‘ not aligned likewise?

Modified by cor-el

Chosen solution

To achieve what you want, you have to add some clearing DIV elements or CSS rules.


data:text/html;charset=utf-8,
<!doctype html public "-//w3c//dtd html 4.01//en">
<head> 
 <title></title>
</head> 
<body>
<blockquote style="background: yellow;" >
 <p style="float: right;" >Lorem</p>
 <hr style="clear: both;" >
 <p style="float: right;" >ipsum</p>
 <div style="clear: both;"></div>
</blockquote>
</body>
Read this answer in context 0

Additional System Details

Installed Plug-ins

  • Shockwave Flash 11.2 r202
  • Plugin for Installing Applications (new)
  • The IcedTea-Web Plugin executes Java applets.
  • Mime Type x-skype for Skype Buttons
  • nspluginwrapper is a cross-platform NPAPI plugin viewer, in particular for linux/i386 plugins.This beta software is available under the terms of the GNU General Public License.

Application

  • User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:17.0) Gecko/17.0 Firefox/17.0

More Information

Informacje o aplikacji
Nazwa
Firefox
Wersja
17.0
Identyfikator programu
Mozilla/5.0 (X11; Linux x86_64; rv:17.0) Gecko/17.0 Firefox/17.0
Katalog profilu
Otwórz katalog
Włączone wtyczki
about:plugins
Konfiguracja kompilacji
about:buildconfig
Zgłoszenia awarii
about:crashes
Zużycie pamięci
about:memory
Rozszerzenia
Nazwa
Wersja
Włączone
ID
British English Dictionary
1.19.1
true
en-GB@dictionaries.addons.mozilla.org
Firebug
1.11.1
true
firebug@software.joehewitt.com
Live HTTP headers
0.17
true
{8f8fe09b-0bd3-4470-bc1b-8cad42b8203a}
openSUSE Firefox Extensions
1.0.2
true
susefox@opensuse.org
Resurrect Pages
2.0.6
true
{0c8fbd76-bdeb-4c52-9b24-d587ce7b9dc3}
Russian spellchecking dictionary
0.4.4.1
true
ru@dictionaries.addons.mozilla.org
United States English Spellchecker
6.0
true
en-US@dictionaries.addons.mozilla.org
Ant Video Downloader
2.4.7.4
false
anttoolbar@ant.com
Novell Moonlight
3.99.0.3
false
moonlight@novell.com
Ważne zmodyfikowane ustawienia
Nazwa
Wartość
accessibility.typeaheadfind.flashBar
0
browser.cache.disk.capacity
358400
browser.cache.disk.smart_size.first_run
false
browser.cache.disk.smart_size.use_old_max
false
browser.cache.disk.smart_size_cached_value
358400
browser.places.importBookmarksHTML
false
browser.places.smartBookmarksVersion
4
browser.search.useDBForOrder
true
browser.startup.homepage_override.buildID
2012111600
browser.startup.homepage_override.mstone
17.0
extensions.lastAppVersion
17.0
font.default.x-western
serif
font.language.group
x-central-euro
font.name.monospace.el
Droid Sans Mono
font.name.monospace.x-cyrillic
Droid Sans Mono
font.name.sans-serif.el
DejaVu Sans
font.name.serif.el
DejaVu Serif
gfx.blacklist.direct2d
4
gfx.blacklist.layers.direct3d10
4
gfx.blacklist.layers.direct3d10-1
4
gfx.blacklist.layers.direct3d9
4
gfx.blacklist.layers.opengl
4
gfx.blacklist.stagefright
4
gfx.blacklist.suggested-driver-version
<Anything with EXT_texture_from_pixmap support>
gfx.blacklist.webgl.angle
4
gfx.blacklist.webgl.msaa
4
gfx.blacklist.webgl.opengl
4
network.cookie.prefsMigrated
true
places.database.lastMaintenance
1356513789
places.history.expiration.transient_current_max_pages
52173
places.history.expiration.transient_optimal_database_size
41090088
places.last_vacuum
1299846944
plugin.disable_full_page_plugin_for_types
plugin.expose_full_path
true
plugin.soname.list
print.print_printer
Stylus-C66
print.printer_Stylus-C66.print_bgcolor
false
print.printer_Stylus-C66.print_bgimages
false
print.printer_Stylus-C66.print_colorspace
default
print.printer_Stylus-C66.print_command
lpr ${MOZ_PRINTER_NAME:+-P"$MOZ_PRINTER_NAME"}
print.printer_Stylus-C66.print_downloadfonts
false
print.printer_Stylus-C66.print_edge_bottom
14
print.printer_Stylus-C66.print_edge_left
16
print.printer_Stylus-C66.print_edge_right
16
print.printer_Stylus-C66.print_edge_top
14
print.printer_Stylus-C66.print_evenpages
true
print.printer_Stylus-C66.print_footercenter
print.printer_Stylus-C66.print_footerleft
&PT
print.printer_Stylus-C66.print_footerright
&D
print.printer_Stylus-C66.print_headercenter
print.printer_Stylus-C66.print_headerleft
&T
print.printer_Stylus-C66.print_headerright
&U
print.printer_Stylus-C66.print_in_color
true
print.printer_Stylus-C66.print_margin_bottom
0.5
print.printer_Stylus-C66.print_margin_left
0.5
print.printer_Stylus-C66.print_margin_right
0.5
print.printer_Stylus-C66.print_margin_top
0.5
print.printer_Stylus-C66.print_oddpages
true
print.printer_Stylus-C66.print_orientation
0
print.printer_Stylus-C66.print_page_delay
50
print.printer_Stylus-C66.print_paper_data
0
print.printer_Stylus-C66.print_paper_height
279,40
print.printer_Stylus-C66.print_paper_name
na_letter
print.printer_Stylus-C66.print_paper_size_type
1
print.printer_Stylus-C66.print_paper_size_unit
1
print.printer_Stylus-C66.print_paper_width
215,90
print.printer_Stylus-C66.print_plex_name
default
print.printer_Stylus-C66.print_resolution_name
default
print.printer_Stylus-C66.print_reversed
false
print.printer_Stylus-C66.print_scaling
1,00
print.printer_Stylus-C66.print_shrink_to_fit
true
print.printer_Stylus-C66.print_to_file
false
print.printer_Stylus-C66.print_unwriteable_margin_bottom
56
print.printer_Stylus-C66.print_unwriteable_margin_left
25
print.printer_Stylus-C66.print_unwriteable_margin_right
25
print.printer_Stylus-C66.print_unwriteable_margin_top
25
print.printer_Wydruk_do_pliku.print_bgcolor
false
print.printer_Wydruk_do_pliku.print_bgimages
false
print.printer_Wydruk_do_pliku.print_colorspace
default
print.printer_Wydruk_do_pliku.print_command
lpr ${MOZ_PRINTER_NAME:+-P"$MOZ_PRINTER_NAME"}
print.printer_Wydruk_do_pliku.print_downloadfonts
false
print.printer_Wydruk_do_pliku.print_edge_bottom
14
print.printer_Wydruk_do_pliku.print_edge_left
16
print.printer_Wydruk_do_pliku.print_edge_right
16
print.printer_Wydruk_do_pliku.print_edge_top
14
print.printer_Wydruk_do_pliku.print_evenpages
true
print.printer_Wydruk_do_pliku.print_footercenter
print.printer_Wydruk_do_pliku.print_footerleft
&PT
print.printer_Wydruk_do_pliku.print_footerright
&D
print.printer_Wydruk_do_pliku.print_headercenter
print.printer_Wydruk_do_pliku.print_headerleft
&T
print.printer_Wydruk_do_pliku.print_headerright
&U
print.printer_Wydruk_do_pliku.print_in_color
true
print.printer_Wydruk_do_pliku.print_margin_bottom
0.5
print.printer_Wydruk_do_pliku.print_margin_left
0.5
print.printer_Wydruk_do_pliku.print_margin_right
0.5
print.printer_Wydruk_do_pliku.print_margin_top
0.5
print.printer_Wydruk_do_pliku.print_oddpages
true
print.printer_Wydruk_do_pliku.print_orientation
0
print.printer_Wydruk_do_pliku.print_pagedelay
500
print.printer_Wydruk_do_pliku.print_paper_data
0
print.printer_Wydruk_do_pliku.print_paper_height
279,40
print.printer_Wydruk_do_pliku.print_paper_name
na_letter
print.printer_Wydruk_do_pliku.print_paper_size_type
1
print.printer_Wydruk_do_pliku.print_paper_size_unit
1
print.printer_Wydruk_do_pliku.print_paper_width
215,90
print.printer_Wydruk_do_pliku.print_plex_name
default
print.printer_Wydruk_do_pliku.print_resolution_name
default
print.printer_Wydruk_do_pliku.print_reversed
false
print.printer_Wydruk_do_pliku.print_scaling
1,00
print.printer_Wydruk_do_pliku.print_shrink_to_fit
true
print.printer_Wydruk_do_pliku.print_to_file
false
print.printer_Wydruk_do_pliku.print_unwriteable_margin_bottom
56
print.printer_Wydruk_do_pliku.print_unwriteable_margin_left
25
print.printer_Wydruk_do_pliku.print_unwriteable_margin_right
25
print.printer_Wydruk_do_pliku.print_unwriteable_margin_top
25
print.tmp.printerfeatures.CUPS/Stylus-C66.can_change_colorspace
false
print.tmp.printerfeatures.CUPS/Stylus-C66.can_change_downloadfonts
false
print.tmp.printerfeatures.CUPS/Stylus-C66.can_change_jobtitle
false
print.tmp.printerfeatures.CUPS/Stylus-C66.can_change_num_copies
true
print.tmp.printerfeatures.CUPS/Stylus-C66.can_change_orientation
true
print.tmp.printerfeatures.CUPS/Stylus-C66.can_change_paper_size
true
print.tmp.printerfeatures.CUPS/Stylus-C66.can_change_plex
false
print.tmp.printerfeatures.CUPS/Stylus-C66.can_change_printincolor
true
print.tmp.printerfeatures.CUPS/Stylus-C66.can_change_resolution
false
print.tmp.printerfeatures.CUPS/Stylus-C66.can_change_spoolercommand
false
print.tmp.printerfeatures.CUPS/Stylus-C66.colorspace.0.name
default
print.tmp.printerfeatures.CUPS/Stylus-C66.colorspace.count
1
print.tmp.printerfeatures.CUPS/Stylus-C66.has_special_printerfeatures
true
print.tmp.printerfeatures.CUPS/Stylus-C66.orientation.0.name
portrait
print.tmp.printerfeatures.CUPS/Stylus-C66.orientation.1.name
landscape
print.tmp.printerfeatures.CUPS/Stylus-C66.orientation.count
2
print.tmp.printerfeatures.CUPS/Stylus-C66.paper.0.height_mm
210
print.tmp.printerfeatures.CUPS/Stylus-C66.paper.0.is_inch
false
print.tmp.printerfeatures.CUPS/Stylus-C66.paper.0.name
A5
print.tmp.printerfeatures.CUPS/Stylus-C66.paper.0.width_mm
148
print.tmp.printerfeatures.CUPS/Stylus-C66.paper.1.height_mm
297
print.tmp.printerfeatures.CUPS/Stylus-C66.paper.1.is_inch
false
print.tmp.printerfeatures.CUPS/Stylus-C66.paper.1.name
A4
print.tmp.printerfeatures.CUPS/Stylus-C66.paper.1.width_mm
210
print.tmp.printerfeatures.CUPS/Stylus-C66.paper.2.height_mm
420
print.tmp.printerfeatures.CUPS/Stylus-C66.paper.2.is_inch
false
print.tmp.printerfeatures.CUPS/Stylus-C66.paper.2.name
A3
print.tmp.printerfeatures.CUPS/Stylus-C66.paper.2.width_mm
297
print.tmp.printerfeatures.CUPS/Stylus-C66.paper.3.height_mm
279
print.tmp.printerfeatures.CUPS/Stylus-C66.paper.3.is_inch
true
print.tmp.printerfeatures.CUPS/Stylus-C66.paper.3.name
Letter
print.tmp.printerfeatures.CUPS/Stylus-C66.paper.3.width_mm
215
print.tmp.printerfeatures.CUPS/Stylus-C66.paper.4.height_mm
355
print.tmp.printerfeatures.CUPS/Stylus-C66.paper.4.is_inch
true
print.tmp.printerfeatures.CUPS/Stylus-C66.paper.4.name
Legal
print.tmp.printerfeatures.CUPS/Stylus-C66.paper.4.width_mm
215
print.tmp.printerfeatures.CUPS/Stylus-C66.paper.5.height_mm
431
print.tmp.printerfeatures.CUPS/Stylus-C66.paper.5.is_inch
true
print.tmp.printerfeatures.CUPS/Stylus-C66.paper.5.name
Tabloid
print.tmp.printerfeatures.CUPS/Stylus-C66.paper.5.width_mm
279
print.tmp.printerfeatures.CUPS/Stylus-C66.paper.6.height_mm
254
print.tmp.printerfeatures.CUPS/Stylus-C66.paper.6.is_inch
true
print.tmp.printerfeatures.CUPS/Stylus-C66.paper.6.name
Executive
print.tmp.printerfeatures.CUPS/Stylus-C66.paper.6.width_mm
190
print.tmp.printerfeatures.CUPS/Stylus-C66.paper.count
7
print.tmp.printerfeatures.CUPS/Stylus-C66.plex.0.name
default
print.tmp.printerfeatures.CUPS/Stylus-C66.plex.count
1
print.tmp.printerfeatures.CUPS/Stylus-C66.resolution.0.name
default
print.tmp.printerfeatures.CUPS/Stylus-C66.resolution.count
1
print.tmp.printerfeatures.CUPS/Stylus-C66.supports_colorspace_change
false
print.tmp.printerfeatures.CUPS/Stylus-C66.supports_downloadfonts_change
false
print.tmp.printerfeatures.CUPS/Stylus-C66.supports_jobtitle_change
false
print.tmp.printerfeatures.CUPS/Stylus-C66.supports_orientation_change
true
print.tmp.printerfeatures.CUPS/Stylus-C66.supports_paper_size_change
true
print.tmp.printerfeatures.CUPS/Stylus-C66.supports_plex_change
false
print.tmp.printerfeatures.CUPS/Stylus-C66.supports_printincolor_change
true
print.tmp.printerfeatures.CUPS/Stylus-C66.supports_resolution_change
false
print.tmp.printerfeatures.CUPS/Stylus-C66.supports_spoolercommand_change
false
print.tmp.printerfeatures.PostScript/default.can_change_colorspace
false
print.tmp.printerfeatures.PostScript/default.can_change_downloadfonts
false
print.tmp.printerfeatures.PostScript/default.can_change_jobtitle
false
print.tmp.printerfeatures.PostScript/default.can_change_num_copies
true
print.tmp.printerfeatures.PostScript/default.can_change_orientation
true
print.tmp.printerfeatures.PostScript/default.can_change_paper_size
true
print.tmp.printerfeatures.PostScript/default.can_change_plex
false
print.tmp.printerfeatures.PostScript/default.can_change_printincolor
true
print.tmp.printerfeatures.PostScript/default.can_change_resolution
false
print.tmp.printerfeatures.PostScript/default.can_change_spoolercommand
true
print.tmp.printerfeatures.PostScript/default.colorspace.0.name
default
print.tmp.printerfeatures.PostScript/default.colorspace.count
1
print.tmp.printerfeatures.PostScript/default.has_special_printerfeatures
true
print.tmp.printerfeatures.PostScript/default.orientation.0.name
portrait
print.tmp.printerfeatures.PostScript/default.orientation.1.name
landscape
print.tmp.printerfeatures.PostScript/default.orientation.count
2
print.tmp.printerfeatures.PostScript/default.paper.0.height_mm
210
print.tmp.printerfeatures.PostScript/default.paper.0.is_inch
false
print.tmp.printerfeatures.PostScript/default.paper.0.name
A5
print.tmp.printerfeatures.PostScript/default.paper.0.width_mm
148
print.tmp.printerfeatures.PostScript/default.paper.1.height_mm
297
print.tmp.printerfeatures.PostScript/default.paper.1.is_inch
false
print.tmp.printerfeatures.PostScript/default.paper.1.name
A4
print.tmp.printerfeatures.PostScript/default.paper.1.width_mm
210
print.tmp.printerfeatures.PostScript/default.paper.2.height_mm
420
print.tmp.printerfeatures.PostScript/default.paper.2.is_inch
false
print.tmp.printerfeatures.PostScript/default.paper.2.name
A3
print.tmp.printerfeatures.PostScript/default.paper.2.width_mm
297
print.tmp.printerfeatures.PostScript/default.paper.3.height_mm
279
print.tmp.printerfeatures.PostScript/default.paper.3.is_inch
true
print.tmp.printerfeatures.PostScript/default.paper.3.name
Letter
print.tmp.printerfeatures.PostScript/default.paper.3.width_mm
215
print.tmp.printerfeatures.PostScript/default.paper.4.height_mm
355
print.tmp.printerfeatures.PostScript/default.paper.4.is_inch
true
print.tmp.printerfeatures.PostScript/default.paper.4.name
Legal
print.tmp.printerfeatures.PostScript/default.paper.4.width_mm
215
print.tmp.printerfeatures.PostScript/default.paper.5.height_mm
431
print.tmp.printerfeatures.PostScript/default.paper.5.is_inch
true
print.tmp.printerfeatures.PostScript/default.paper.5.name
Tabloid
print.tmp.printerfeatures.PostScript/default.paper.5.width_mm
279
print.tmp.printerfeatures.PostScript/default.paper.6.height_mm
254
print.tmp.printerfeatures.PostScript/default.paper.6.is_inch
true
print.tmp.printerfeatures.PostScript/default.paper.6.name
Executive
print.tmp.printerfeatures.PostScript/default.paper.6.width_mm
190
print.tmp.printerfeatures.PostScript/default.paper.count
7
print.tmp.printerfeatures.PostScript/default.plex.0.name
default
print.tmp.printerfeatures.PostScript/default.plex.count
1
print.tmp.printerfeatures.PostScript/default.resolution.0.name
default
print.tmp.printerfeatures.PostScript/default.resolution.count
1
print.tmp.printerfeatures.PostScript/default.supports_colorspace_change
false
print.tmp.printerfeatures.PostScript/default.supports_downloadfonts_change
false
print.tmp.printerfeatures.PostScript/default.supports_jobtitle_change
false
print.tmp.printerfeatures.PostScript/default.supports_orientation_change
true
print.tmp.printerfeatures.PostScript/default.supports_paper_size_change
true
print.tmp.printerfeatures.PostScript/default.supports_plex_change
false
print.tmp.printerfeatures.PostScript/default.supports_printincolor_change
true
print.tmp.printerfeatures.PostScript/default.supports_resolution_change
false
print.tmp.printerfeatures.PostScript/default.supports_spoolercommand_change
true
print.tmp.printerfeatures.Stylus-C66.can_change_colorspace
false
print.tmp.printerfeatures.Stylus-C66.can_change_downloadfonts
false
print.tmp.printerfeatures.Stylus-C66.can_change_jobtitle
false
print.tmp.printerfeatures.Stylus-C66.can_change_num_copies
true
print.tmp.printerfeatures.Stylus-C66.can_change_orientation
true
print.tmp.printerfeatures.Stylus-C66.can_change_paper_size
true
print.tmp.printerfeatures.Stylus-C66.can_change_plex
false
print.tmp.printerfeatures.Stylus-C66.can_change_printincolor
true
print.tmp.printerfeatures.Stylus-C66.can_change_resolution
false
print.tmp.printerfeatures.Stylus-C66.can_change_spoolercommand
false
print.tmp.printerfeatures.Stylus-C66.colorspace.0.name
default
print.tmp.printerfeatures.Stylus-C66.colorspace.count
1
print.tmp.printerfeatures.Stylus-C66.has_special_printerfeatures
true
print.tmp.printerfeatures.Stylus-C66.orientation.0.name
portrait
print.tmp.printerfeatures.Stylus-C66.orientation.1.name
landscape
print.tmp.printerfeatures.Stylus-C66.orientation.count
2
print.tmp.printerfeatures.Stylus-C66.paper.0.height_mm
210
print.tmp.printerfeatures.Stylus-C66.paper.0.is_inch
false
print.tmp.printerfeatures.Stylus-C66.paper.0.name
A5
print.tmp.printerfeatures.Stylus-C66.paper.0.width_mm
148
print.tmp.printerfeatures.Stylus-C66.paper.1.height_mm
297
print.tmp.printerfeatures.Stylus-C66.paper.1.is_inch
false
print.tmp.printerfeatures.Stylus-C66.paper.1.name
A4
print.tmp.printerfeatures.Stylus-C66.paper.1.width_mm
210
print.tmp.printerfeatures.Stylus-C66.paper.2.height_mm
420
print.tmp.printerfeatures.Stylus-C66.paper.2.is_inch
false
print.tmp.printerfeatures.Stylus-C66.paper.2.name
A3
print.tmp.printerfeatures.Stylus-C66.paper.2.width_mm
297
print.tmp.printerfeatures.Stylus-C66.paper.3.height_mm
279
print.tmp.printerfeatures.Stylus-C66.paper.3.is_inch
true
print.tmp.printerfeatures.Stylus-C66.paper.3.name
Letter
print.tmp.printerfeatures.Stylus-C66.paper.3.width_mm
215
print.tmp.printerfeatures.Stylus-C66.paper.4.height_mm
355
print.tmp.printerfeatures.Stylus-C66.paper.4.is_inch
true
print.tmp.printerfeatures.Stylus-C66.paper.4.name
Legal
print.tmp.printerfeatures.Stylus-C66.paper.4.width_mm
215
print.tmp.printerfeatures.Stylus-C66.paper.5.height_mm
431
print.tmp.printerfeatures.Stylus-C66.paper.5.is_inch
true
print.tmp.printerfeatures.Stylus-C66.paper.5.name
Tabloid
print.tmp.printerfeatures.Stylus-C66.paper.5.width_mm
279
print.tmp.printerfeatures.Stylus-C66.paper.6.height_mm
254
print.tmp.printerfeatures.Stylus-C66.paper.6.is_inch
true
print.tmp.printerfeatures.Stylus-C66.paper.6.name
Executive
print.tmp.printerfeatures.Stylus-C66.paper.6.width_mm
190
print.tmp.printerfeatures.Stylus-C66.paper.count
7
print.tmp.printerfeatures.Stylus-C66.plex.0.name
default
print.tmp.printerfeatures.Stylus-C66.plex.count
1
print.tmp.printerfeatures.Stylus-C66.resolution.0.name
default
print.tmp.printerfeatures.Stylus-C66.resolution.count
1
print.tmp.printerfeatures.Stylus-C66.supports_colorspace_change
false
print.tmp.printerfeatures.Stylus-C66.supports_downloadfonts_change
false
print.tmp.printerfeatures.Stylus-C66.supports_jobtitle_change
false
print.tmp.printerfeatures.Stylus-C66.supports_orientation_change
true
print.tmp.printerfeatures.Stylus-C66.supports_paper_size_change
true
print.tmp.printerfeatures.Stylus-C66.supports_plex_change
false
print.tmp.printerfeatures.Stylus-C66.supports_printincolor_change
true
print.tmp.printerfeatures.Stylus-C66.supports_resolution_change
false
print.tmp.printerfeatures.Stylus-C66.supports_spoolercommand_change
false
privacy.cpd.cookies
false
privacy.cpd.downloads
false
privacy.cpd.formdata
false
privacy.cpd.history
false
privacy.cpd.sessions
false
privacy.sanitize.migrateFx3Prefs
true
security.disable_button.openCertManager
false
security.warn_viewing_mixed
false
webgl.disabled
true
Grafika
Opis adaptera
Tungsten Graphics, Inc -- Mesa DRI Intel(R) 865G
ID dostawcy
Tungsten Graphics, Inc
ID urządzenia
Mesa DRI Intel(R) 865G
Wersja sterownika
1.3 Mesa 8.0.4
Renderer WebGL
Zablokowane dla zainstalowanej karty graficznej z powodu nierozwiązanych problemów ze sterownikiem.
Okna ze sprzętowym przyspieszeniem grafiki
0. Zablokowane dla zainstalowanej karty graficznej z powodu nierozwiązanych problemów ze sterownikiem.
AzureCanvasBackend
none
AzureFallbackCanvasBackend
none
AzureContentBackend
none
JavaScript
Przyrostowy GC
1
Ułatwienia dostępu
Aktywne
0
Zablokuj ułatwienia dostępu
0
Wersje bibliotek
Oczekiwana wersja minimalna
Wersja w użyciu
NSPR
4.9.2
4.9.2
NSS
3.13.6.0 Basic ECC
3.13.6.0 Basic ECC
NSS Util
3.13.6.0
3.13.6.0
NSS SSL
3.13.6.0 Basic ECC
3.13.6.0 Basic ECC
NSS S/MIME
3.13.6.0 Basic ECC
3.13.6.0 Basic ECC

Question owner

Well, not quite the code I intended…

Maybe this will work:

< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
>< TITLE >< /TITLE >
< BLOCKQUOTE STYLE="BACKGROUND: YELLOW; HEIGHT: 10EX" >< P STYLE="FLOAT: RIGHT" >Lorem< HR >< P STYLE="FLOAT: RIGHT" >ipsum< /BLOCKQUOTE >

Modified by cor-el

Question owner

Or this:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" ><TITLE ></TITLE > <BLOCKQUOTE STYLE="BACKGROUND: YELLOW; HEIGHT: 10EX" ><P STYLE="FLOAT: RIGHT" >Lorem<HR ><P STYLE="FLOAT: RIGHT" >ipsum</BLOCKQUOTE >

cor-el
  • Top 10 Contributor
  • Moderator
10779 solutions 97013 answers

Chosen Solution

To achieve what you want, you have to add some clearing DIV elements or CSS rules.


data:text/html;charset=utf-8,
<!doctype html public "-//w3c//dtd html 4.01//en">
<head> 
 <title></title>
</head> 
<body>
<blockquote style="background: yellow;" >
 <p style="float: right;" >Lorem</p>
 <hr style="clear: both;" >
 <p style="float: right;" >ipsum</p>
 <div style="clear: both;"></div>
</blockquote>
</body>

Modified by cor-el

Question owner

What is ‘!doctype’?

I think that:

  • the rule is being shortened by ‘Lorem’ because its margin overlaps it,
  • ‘ipsum’ is lower than ’Lorem’ because of the margin under the rule,
  • ‘ipsum’ is to the left of ‘Lorem’ because the margin under the rule is too narrow.

Correct me if I am wrong. I have probably missed two important points:

  • a float can shorten a rule,
  • margins around a float do not collapse.

Thank you,

Chris

cor-el
  • Top 10 Contributor
  • Moderator
10779 solutions 97013 answers

Floats within a container do not make that container adjust its width and height to fit the floats unless you use a clear rule.
So in your case the P elements float, but the HR element doesn't and is rendered first (your code looks the same in Google Chrome as in Firefox).

If you need a more precise explanation about how floats work then it is best to ask advice at the MozillaZine "Web Development/Standards Evangelism" forum.

The helpers at that forum are more knowledgeable about web development issues.
You need to register at the MozillaZine forum site in order to post at that forum.