User:Eabrace/Hidden Overlaps

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.

Header Text

Content text.

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

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.

Header Text

Content text.

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.

Header Text

Content text.

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.

Header Text

Content text.

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.

Header Text

Content text.

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.

Observations:

• When viewed with ?action=render, the layout looks different from what I get on the wiki.
• Checking the generated source code, I find that the divbox containing the image is not created with style="float:right", but is instead created with class="floatright". I didn't expect that.