The DIV macro inserts empty P tags which are breaking my layout! Is there any way to correct this?
I've created my theme layout w/in Manage Builder Layouts. My issue is with implementing my Header code under the Layout tab. I initially created the Home layout for my space using Dreamweaver so I could get all the CSS correct. I've put all of my custom css under the CSS tab Custom CSS. And I've tried implementing my HTML code using the HTML macro and straight-forward HTML code, using DIV macros with all ATB and Confluence macros and notation, and even a combination thereof with NO success!!
I'm losing my mind! Can anyone please help!??
Here's my HTML code that I initially wrote in Dreamweaver...
As you can see I have multiple embedded DIV tags. In the CSS most of the DIVs are set to display as table, table-row, and table-cell. Everything should be nice and tight with no spacing between columns, rows, or other divs.
Here's my initial HTML code converted to all macros...
And here's what Confluence generates from it... Check out the 5th line of code with the empty P tag! And why is my logo on the 7th code line pulled outside of it's DIV on the 6th line?? And why is my image on the 9th line wrapped inside a P and SPAN tag??? What gives with generating crappy code??? UGH!