Fórum

Classic Theme Layout Problem in Firefox

Ben David Gill, modificado 14 Anos atrás.

Classic Theme Layout Problem in Firefox

New Member Postagens: 12 Data de Entrada: 01/10/09 Postagens Recentes
Hi

I have produced a cut down version of my portlet to demonstrate a very simple float: left, float: right problem in Firefox. This lays itself out fine if not in a portlet (and I remove taglib def's and add in standard html and body tags).

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="portlet" uri="http://java.sun.com/portlet" %>

<div id="anotherDiv" style="width: 100%">
<div id="leftNav" style="float: left; width: 29%; border: 1px solid red;">

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris vel magna. Mauris risus nunc, tristique varius, gravida in, lacinia vel, elit. Nam ornare, felis non faucibus molestie, nulla augue adipiscing mauris, a nonummy diam ligula ut risus. Praesent varius. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
<p>Nulla a lacus. Nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce pulvinar lobortis purus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec semper ipsum et urna. Ut consequat neque vitae felis. Suspendisse dapibus, magna quis pulvinar laoreet, dolor neque lacinia arcu, et luctus mi erat vestibulum sem. Mauris faucibus iaculis lacus. Aliquam nec ante in quam sollicitudin congue. Quisque congue egestas elit. Quisque viverra. Donec feugiat elementum est. Etiam vel lorem.</p>
<p>Aenean tempor. Mauris tortor quam, elementum eu, convallis a, semper quis, purus. Cras at tortor in purus tincidunt tristique. In hac habitasse platea dictumst. Ut eu lectus eu metus molestie iaculis. In ornare. Donec at enim vel erat tempor congue. Nullam varius. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla feugiat hendrerit risus. Integer enim velit, gravida id, sollicitudin at, consequat sit amet, leo. Fusce imperdiet condimentum velit. Phasellus nonummy interdum est. Pellentesque quam.</p>

</div> <!-- End leftNav -->

<div id="main" style="float: right; border: 1px solid black; width: 69%; ">

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris vel magna. Mauris risus nunc, tristique varius, gravida in, lacinia vel, elit. Nam ornare, felis non faucibus molestie, nulla augue adipiscing mauris, a nonummy diam ligula ut risus. Praesent varius. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
<p>Nulla a lacus. Nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce pulvinar lobortis purus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec semper ipsum et urna. Ut consequat neque vitae felis. Suspendisse dapibus, magna quis pulvinar laoreet, dolor neque lacinia arcu, et luctus mi erat vestibulum sem. Mauris faucibus iaculis lacus. Aliquam nec ante in quam sollicitudin congue. Quisque congue egestas elit. Quisque viverra. Donec feugiat elementum est. Etiam vel lorem.</p>
<p>Aenean tempor. Mauris tortor quam, elementum eu, convallis a, semper quis, purus. Cras at tortor in purus tincidunt tristique. In hac habitasse platea dictumst. Ut eu lectus eu metus molestie iaculis. In ornare. Donec at enim vel erat tempor congue. Nullam varius. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla feugiat hendrerit risus. Integer enim velit, gravida id, sollicitudin at, consequat sit amet, leo. Fusce imperdiet condimentum velit. Phasellus nonummy interdum est. Pellentesque quam.</p>

</div> <!-- End main -->

</div> <!-- End another Div -->

Does anyone know how to fix this?
thumbnail
Dhrutika parekh, modificado 14 Anos atrás.

RE: Classic Theme Layout Problem in Firefox

Expert Postagens: 435 Data de Entrada: 09/02/09 Postagens Recentes
HI,

Its seems problem is with colspan,because what it doing is it taking 1st column 100% and to it its deviding in 29% and 69%,

So ,You can try to apply 1 column layout and try.


Thanks,
Dhruitka Parekh

Cignex Technologies Pvt Ltd
Ben David Gill, modificado 14 Anos atrás.

RE: Classic Theme Layout Problem in Firefox

New Member Postagens: 12 Data de Entrada: 01/10/09 Postagens Recentes
Hi

Thanks for your response, I tried 1 col layout and maximising and I get the same behaviour.

Thanks
thumbnail
Dhrutika parekh, modificado 14 Anos atrás.

RE: Classic Theme Layout Problem in Firefox

Expert Postagens: 435 Data de Entrada: 09/02/09 Postagens Recentes
hi,


if you can use table structure instaed of div it can help you...beause using this code i m getting as you put up in Screen shot.


Thanks,
Dhrutika Parekh
Ben David Gill, modificado 14 Anos atrás.

RE: Classic Theme Layout Problem in Firefox

New Member Postagens: 12 Data de Entrada: 01/10/09 Postagens Recentes
Hi

Thanks again for your reply. Yes it does work fine with tables and I will use this this method if no alternative can be found.

My preference is to use divs for layout.

Thanks
thumbnail
Lisa Simpson, modificado 14 Anos atrás.

RE: Classic Theme Layout Problem in Firefox

Liferay Legend Postagens: 2034 Data de Entrada: 05/03/09 Postagens Recentes
It's not under themes were you would expect it but under plugins. There is a sample DIV based theme. Look at that. I'm sure it will point you in the right direction.