留言板

Problema con Layout

Adrian Romero,修改在8 年前。

Problema con Layout

New Member 帖子: 5 加入日期: 15-2-22 最近的帖子
Para empezar, siento si este tema no va aquí. He visto un tema sobre "themes" en el foro, pero siendo de plantillas de Layout no he querido ponerlo allí.

He creado un Layout con el siguiente formato:

12
4 4 4
4 4 4
6 6

El problema es que la última fila no está dentro la capa que envuelve a todas las filas, sino que se encuentra dentro de la fila anterior... Revisé el codigo que había generado el Designer para asegurarme de que no fuera un fallo del mismo y me encuentro lo siguiente:

<div class="chg_layout_template" id="main-content" role="main">

	<div class="portlet-layout row-fluid">
		<div class="portlet-column portlet-column-only span12" id="column-1">
			$processor.processColumn("column-1", "portlet-column-content portlet-column-content-only")
		</div>
	</div>

	<div class="portlet-layout row-fluid">
		<div class="portlet-column portlet-column-first span4" id="column-2">
			$processor.processColumn("column-2", "portlet-column-content portlet-column-content-first")
		</div>

		<div class="portlet-column span4" id="column-3">
			$processor.processColumn("column-3", "portlet-column-content")
		</div>

		<div class="portlet-column portlet-column-last span4" id="column-4">
			$processor.processColumn("column-4", "portlet-column-content portlet-column-content-last")
		</div>
	</div>

	<div class="portlet-layout row-fluid">
		<div class="portlet-column portlet-column-first span4" id="column-5">
			$processor.processColumn("column-5", "portlet-column-content portlet-column-content-first")
		</div>

		<div class="portlet-column span4" id="column-6">
			$processor.processColumn("column-6", "portlet-column-content")
		</div>

		<div class="portlet-column portlet-column-last span4" id="column-7">
			$processor.processColumn("column-7", "portlet-column-content portlet-column-content-last")
		</div>
	</div>

	<div class="portlet-layout row-fluid">
		<div class="portlet-column portlet-column-first span6" id="column-8">
			$processor.processColumn("column-8", "portlet-column-content portlet-column-content-first")
		</div>

		<div class="portlet-column portlet-column-last span6" id="column-9">
			$processor.processColumn("column-9", "portlet-column-content portlet-column-content-last")
		</div>
	</div>
</div>


Efectivamente hay 4 filas dentro del contenido principal. Y sin embargo inspeccionando el código html con Mozilla o Chrome, la última fila esta dentro de la anterior, fastidiando mi diseño ¿Por qué pasa esto?