Difference between revisions of "User:Eabrace/Hidden Overlaps"
m (Experiment 5) |
m (→Experiment Five) |
||
Line 109: | Line 109: | ||
</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> | + | <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}} | ||
+ | |||
+ | 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. |
Latest revision as of 21:39, 2 September 2009
Trying to find out why NavFrame divboxes overlap other boxes and how to prevent this from happening.
Experiment One
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 |
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.
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.