User:Eabrace/Hidden Overlaps: Difference between revisions

From City of Heroes: Rebirth Wiki
Jump to navigation Jump to search
imported>Eabrace
m experiments 1-4
imported>Eabrace
m Experiment 5
Line 92: Line 92:
</div>
</div>


More text to see where the boundaries are on the region that seems to have been created in between the image and the NavFrame.
{{clr}}
== Experiment Five ==
[[File:Crnout tapestry01.png|right|200px]]
{{clrl}}<div style="float:left; border:solid 1px #000000">
Placing some text here to bump the NavFrame down a bit.
Border added to float:left divbox this time.
<div class="NavFrame" style="border:none;">
<div class="NavHead" style="font-weight:bold; background-color:transparent; text-align:center; background: #CCCCFF; border: solid 1px #222299;">Header Text</div>
<div class="NavContent" style="font-weight:normal; background-color:transparent; text-align:left; display:none; padding: 5px; border: solid 1px #222299; border-top: 0px;">Content text.</div>
</div>
</div>
<div style="border:solid 1px #000000">More text to see where the boundaries are on the region that seems to have been created in between the image and the NavFrame.  This time this text is enclosed in its own divbox with a border.  This border seems to span the entire width of the page, overlapping both the image and float:left box.  I'm finding it particularly odd that the text does not overlap the right and left floating boxes, but the boundary of the box itself does.</div>
{{clr}}
{{clr}}

Revision as of 18:12, 1 September 2009

Trying to find out why NavFrame divboxes overlap other boxes and how to prevent this from happening.

Experiment One

Firebase Zulu

Hero Hazard Zone (40-44)

Trainers: none
TF Contacts: Dr. Quaterfield
Events: none
Exploration Badges: none
Plaques: none
Day Jobs: Dimensional Explorer
Enemies: Crey, Nemesis, Rularuu, Shadow Shard Reflections
Connecting Zones: Cascade Archipelago, Chantry, Peregrine Island, Storm Palace
Transits: none


Placing some text here to bump the NavFrame down a bit.

This should make it easier to see the overlap against the Zone infobox on the right side of the page.


Experiment Two

Shadowstar

Warshade Facilitator
Zone Galaxy City
Coordinates (696.5, 64, -953)
Level Range 1-50
Introduced By Coyote
Introduces Kip Cantorum
Enemy Groups

Circle of Thorns
Clockwork
Council
Freakshow
Hydra
Outcasts
Trolls

Vahzilok
v  d  e


Placing some text here to bump the NavFrame down a bit.

Using a contact infobox this time to see whether the overlapping behavior is identical or if it's something peculiar to the interaction with zone infoboxes.


Experiment Three

Placing some text here to bump the NavFrame down a bit.

Checking to see if the NavFrame will overlap an image this time.


Experiment Four

Placing some text here to bump the NavFrame down a bit.

All content between the image and the end of the NavFrame are enclosed in a float:left divbox this time.

More text to see where the boundaries are on the region that seems to have been created in between the image and the NavFrame.

Experiment Five

Placing some text here to bump the NavFrame down a bit.

Border added to float:left divbox this time.

More text to see where the boundaries are on the region that seems to have been created in between the image and the NavFrame. This time this text is enclosed in its own divbox with a border. This border seems to span the entire width of the page, overlapping both the image and float:left box. I'm finding it particularly odd that the text does not overlap the right and left floating boxes, but the boundary of the box itself does.