Member Avatar for kjdavis1210

I am having problems as I work on a layout for this site http://www.alserracolorado.com/dnn/. It is in DotNetNuke. I am trying to make a pure CSS skin. You can see that the two containers or Div(s) with my content arn't stretching the main cell behind them. Instead it is staying small like 20px or something and they are just extending to the background. How can I make that window resize based on the content of those Div elements? I do not want to have to set a certain height.

The weird thing is this page http://www.alserracolorado.com/dnn/MyFirstPage/tabid/61/Default.aspx works fine. It is only when I try and setup to Div tags is this happening. to divide the page into columns.

Ideas and help are greatly appreciated, it will stop the nervous breakdown lol.

  • 2 Contributors
  • 3 Replies
  • 88 Views
  • 17 Hours Discussion Span
  • Latest Post Latest Post by diafol
Member Avatar for diafol

You've got 8 levels of nested divs for such a simple layout. You must be mad! If this mark-up is due to DNN template - redesign the darned thing - it's horrible! Check to see if your divs are relative positioning or whether you need to place a clear:both somewhere following some float elements.

Member Avatar for kjdavis1210

@Ardav I am using all of those DIVs mainly because of DotNetNuke. I can take code that displays fine in IE, FF and Safari and upload to DotNetNuke, it does some kind of conversion (I am still learning exactly what it does) and bam, it no longer displays quite right. So as I need it to display correctly I have spend days trying to get the code right and this is my last hurdle I believe to learn about. Maybe once I learn more I will be able to stop whatever it is doing, but until then I need this to look right.

Member Avatar for diafol

Yeah, so? Have you checked the float/clear scenario or positioning?

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.