0

The code below is only my navigation menu of my website.
The problem is that the code below causes any content that comes after this to be pushed far out to the right of the screen.

I've tried inspecting my code for possible unclosed tags or a mistake but I can't and require some assitance. In inspector mode when the menu code below is deleted, the content then returns back to the natural position that it was in before.

FYI I don't think this is a css related issue.

Thank You

<div class="nav-container">
<div id="megamenuz" class="megamenu_wrapper megamenu_light_theme">
<div class="megamenu_container megamenu_lightblue">
<ul class="megamenu">
<li style="border:none">
<a style="padding-right: 115px;" href="http://www.fortunoffbys.com/index.html" class="menuitem_drop">Home</a>
</li>
<li class="menuitem_fullwidth"><a href="http://www.fortunoffbys.com/patio-furniture" class="menuitem_drop">Outdoor Patio Furniture</a>
<div class="dropdown_fullwidth">
<div style="width:100%;" class="col_two_thirds firstcolumn">
<div class="col_one_quarter firstcolumn">
<h3><a href="http://www.fortunoffbys.com/patio-furniture/aluminum-patio-furniture">Aluminum Collections</a></h3>
<ul><li><a href="http://www.fortunoffbys.com/patio-furniture/aluminum-patio-furniture/bellagio-sling">Bellagio Sling</a></li><li><a href="http://www.fortunoffbys.com/patio-furniture/aluminum-patio-furniture/carlsbad-cushion">Carlsbad Cushion</a></li><li><a href="http://www.fortunoffbys.com/patio-furniture/aluminum-patio-furniture/carlsbad-sling">Carlsbad Sling</a></li><li><a href="http://www.fortunoffbys.com/patio-furniture/aluminum-patio-furniture/cordoba-sling">Cordoba Sling</a></li><li><a href="http://www.fortunoffbys.com/patio-furniture/aluminum-patio-furniture/hideaway-sling">Hideaway Sling</a></li><li><a href="http://www.fortunoffbys.com/patio-furniture/aluminum-patio-furniture/cape-cod-sling">Cape Cod Sling</a></li><li><a href="http://www.fortunoffbys.com/patio-furniture/aluminum-patio-furniture/tribeca-sling">Tribeca Sling</a></li><li><a href="http://www.fortunoffbys.com/patio-furniture/aluminum-patio-furniture/peninsula">Peninsula</a></li><li><a href="http://www.fortunoffbys.com/patio-furniture/aluminum-patio-furniture/broadway">Broadway</a></li><li><a href="http://www.fortunoffbys.com/patio-furniture/aluminum-patio-furniture/oceanview">Oceanview</a></li></ul>
</div>
<div class="col_one_quarter">
<h3><a href="http://www.fortunoffbys.com/patio-furniture/cast-aluminum-patio-furniture">Cast Aluminum Collections</a></h3>
<ul><li><a href="http://www.fortunoffbys.com/patio-furniture/cast-aluminum-patio-furniture/toscano">Toscano</a></li><li><a href="http://www.fortunoffbys.com/patio-furniture/cast-aluminum-patio-furniture/naples">Naples</a></li><li><a href="http://www.fortunoffbys.com/patio-furniture/cast-aluminum-patio-furniture/verona">Verona</a></li><li><a href="http://www.fortunoffbys.com/patio-furniture/cast-aluminum-patio-furniture/legacy-cushion">Legacy Cushion</a></li><li><a href="http://www.fortunoffbys.com/patio-furniture/cast-aluminum-patio-furniture/milan">Milan</a></li><li><a href="http://www.fortunoffbys.com/patio-furniture/cast-aluminum-patio-furniture/san-remo">San Remo</a></li><li><a href="http://www.fortunoffbys.com/patio-furniture/cast-aluminum-patio-furniture/valencia">Valencia</a></li><li><a href="http://www.fortunoffbys.com/patio-furniture/cast-aluminum-patio-furniture/madison">Madison</a></li><li><a href="http://www.fortunoffbys.com/patio-furniture/cast-aluminum-patio-furniture/eclipse-cushion">Eclipse Cushion</a></li><li><a href="http://www.fortunoffbys.com/patio-furniture/cast-aluminum-patio-furniture/florence">Florence</a></li><li><a href="http://www.fortunoffbys.com/patio-furniture/cast-aluminum-patio-furniture/grand-regent-cushion">Grand Regent Cushion</a></li><li><a href="http://www.fortunoffbys.com/patio-furniture/cast-aluminum-patio-furniture/grand-regent-sling">Grand Regent Sling</a></li><li><a href="http://www.fortunoffbys.com/patio-furniture/cast-aluminum-patio-furniture/milano">Milano</a></li><li><a href="http://www.fortunoffbys.com/patio-furniture/cast-aluminum-patio-furniture/provance">Provance</a></li><li><a href="http://www.fortunoffbys.com/patio-furniture/cast-aluminum-patio-furniture/roma">Roma</a></li></ul>
</div>
<div class="col_one_quarter">
<h3><a href="http://www.fortunoffbys.com/patio-furniture/wicker-furniture">Outdoor Wicker Collections</a></h3>
<ul><li><a href="http://www.fortunoffbys.com/patio-furniture/wicker-furniture/veranda">Veranda</a></li>
<li><a href="http://www.fortunoffbys.com/patio-furniture/wicker-furniture/barcelona">Barcelona</a></li>
<li><a href="http://www.fortunoffbys.com/patio-furniture/wicker-furniture/antigua">Antigua</a></li>
<li><a href="http://www.fortunoffbys.com/patio-furniture/wicker-furniture/cabana">Cabana</a></li>
<li><a href="http://www.fortunoffbys.com/patio-furniture/wicker-furniture/havana">Havana</a></li>
<li><a href="http://www.fortunoffbys.com/patio-furniture/wicker-furniture/riviera">Riviera</a></li></ul>
<div style="height:15px;"></div>
<h3 style="margin-top: 145px !important;"><a href="http://www.fortunoffbys.com/patio-furniture/teak-furniture">Teak Collections</a></h3>
<ul>
<li><a href="http://www.fortunoffbys.com/patio-furniture/teak-furniture/eastchester">Eastchester</a></li>
<li><a href="http://www.fortunoffbys.com/patio-furniture/teak-furniture/westchester">Westchester</a></li>
</ul>
</div>
<div class="col_one_quarter">
<h3>Outdoor Patio Furniture</h3>
<ul>
<li><a href="http://www.fortunoffbys.com/patio-furniture/bistro-sets">Bistro Sets</a></li>
<li><a href="http://www.fortunoffbys.com/patio-furniture/chaise-lounges">Chaise Lounges</a></li>
<li><a href="http://www.fortunoffbys.com/patio-furniture/firepits-and-heaters">Firepits and Heaters</a></li>
<li><a href="http://www.fortunoffbys.com/patio-furniture/barstools">Outdoor Barstools</a></li>
<li><a href="http://www.fortunoffbys.com/patio-furniture/patio-chat-sets">Outdoor Chat Sets</a></li>
<li><a href="http://www.fortunoffbys.com/patio-furniture/dining-sets">Outdoor Dining Furniture</a></li>
<li><a href="http://www.fortunoffbys.com/patio-furniture/gliders">Outdoor Gliders</a></li>
<li><a href="http://www.fortunoffbys.com/patio-furniture/outdoor-seating-furniture">Outdoor Seating Furniture</a></li>
<li><a href="http://www.fortunoffbys.com/patio-furniture/storage">Outdoor Storage</a></li>
<li><a href="http://www.fortunoffbys.com/patio-furniture/rockers-benches-and-swings">Rockers, Benches, and Swings</a></li>
</ul>
</div>
</div>
</div></li>
<li><a href="http://www.fortunoffbys.com/grills-and-grill-accessories" class="menuitem_drop">Grills & Accessories</a>
 <div class="dropdown_3columns">
 <div class="col_full firstcolumn">
<h3>Barbeque Gas Grill & Accessories</h3>
<div class="col_one_third firstcolumn">
 <ul>
<li><a href="http://www.fortunoffbys.com/grills-and-grill-accessories/gas-grills">Gas Grills</a></li>
<li><a href="http://www.fortunoffbys.com/grills-and-grill-accessories/grill-accessories">Grill Accessories</a></li>
 </ul>
</div>
 </div>
 <div style="padding-top:10px;" class="col_full firstcolumn">
<img style="width:100%;" src="http://www.fortunoffbys.com/graphics/pages815/grills_accessoriesm.jpg">
 </div>
 </div>
</li>

<li class="menuitem_fullwidth">
<a href="http://www.fortunoffbys.com/outdoor-decor-and-outdoor-accessories" class="menuitem_drop">Umbrellas & Accessories</a>
<div style="height:150px !important;" class="dropdown_fullwidth">
<div style="width:100%;" class="col_two_thirds firstcolumn">
<div class="col_one_quarter firstcolumn">
<h3>Outdoor Covers</h3>
<ul>
<li><a href="http://www.fortunoffbys.com/outdoor-decor-and-outdoor-accessories/patio-furniture-covers">Furniture Covers</a></li>
<li><a href="http://www.fortunoffbys.com/outdoor-decor-and-outdoor-accessories/outdoor-cushions">Outdoor Cushions</a></li>

</ul>

</div>
<div class="col_one_quarter">
<h3>Outdoor Accessories</h3>
<ul>
<li><a href="http://www.fortunoffbys.com/outdoor-decor-and-outdoor-accessories/coolers">Outdoor Coolers</a></li>
<li><a href="http://www.fortunoffbys.com/outdoor-decor-and-outdoor-accessories/pool-accessories-and-beach-accessories">Pool & Beach</a>
</li></ul>
</div>
<div class="col_one_quarter">
<h3>Outdoor Decor</h3>
<ul>
<li><a href="http://www.fortunoffbys.com/outdoor-decor-and-outdoor-accessories/artwork">Outdoor Artwork</a></li>
<li><a href="http://www.fortunoffbys.com/outdoor-decor-and-outdoor-accessories/serving-carts">Outdoor Serving Carts</a></li>
<li><a href="http://www.fortunoffbys.com/outdoor-decor-and-outdoor-accessories/gazebos">Gazebos</a></li>
</ul>
</div>
<div class="col_one_quarter">
<h3>Umbrellas & Accessories</h3>
<ul>
<li><a href="http://www.fortunoffbys.com/outdoor-decor-and-outdoor-accessories/umbrella-weights">Umbrella Weights</a></li>
<li><a href="http://www.fortunoffbys.com/outdoor-decor-and-outdoor-accessories/patio-umbrellas">Patio Umbrellas</a></li>
</ul>
</div>
</div></div></li><li><a href="#" class="menuitem_drop">Outdoor Replacement Cushions</a>
<div style="margin-left:-214px;" class="dropdown_3columns">
<div class="col_full firstcolumn">
<h3>Outdoor Cushions</h3>
<div style="width:300px !important;" class="col_one_third firstcolumn">
<ul>
<li><a href="http://www.fortunoffbys.com/outdoor-cushions-and-umbrellas/outdoor-cushions">Outdoor Cushions</a></li>
<li><a href="http://www.fortunoffbys.com/outdoor-cushions-and-umbrellas/outdoor-replacement-cushions">Outdoor Replacement Cushions</a></li>
</ul>
</div>
</div>
<div style="padding-top:10px;" class="col_full firstcolumn">
<img style="width:100%;" src="http://www.fortunoffbys.com/graphics/cushion.png">
</div>
</div>
</li>
 </ul>
 </div>
</div>
 </div>

Edited by spikyvashy: grammer

3
Contributors
2
Replies
21
Views
3 Years
Discussion Span
Last Post by almostbob
0

Please provide the matching css that makes these behave as a menu
possible cause in the css, a small error that does not allow the content to assume their normal position below the menu, when you are templating, you have to stick to the template, all the inline styles are not going to help the menu behave,
add up all the inline offsets, and may be the amount the content is messed up by

Edited by almostbob

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.