GeeCON Prague 2014*
The moose likes HTML, CSS and JavaScript and the fly likes CSS issue in Grails app, but question is on CSS Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login


JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "CSS issue in Grails app, but question is on CSS" Watch "CSS issue in Grails app, but question is on CSS" New topic
Author

CSS issue in Grails app, but question is on CSS

Mark Spritzler
ranger
Sheriff

Joined: Feb 05, 2001
Posts: 17250
    
    6

I did something and now my CSS doesn't quite work. I know that is vague.

Here is my issue. The body section for my list, edit, view, etc methods have the forms at the bottom of the page, not to the right of my left side menu.

So the typical header and footer, with a left menu and details to the right of the left menu. But instead the details is showing at the bottom of the page.

Here is my main.gsp


And here is a page that supplies the layoutBody for a list of news.


I'll put the css in another post to this thread, so if you don't want to look at it, skip the next post.

Thanks

Mark


Perfect World Programming, LLC - Two Laptop Bag - Tube Organizer
How to Ask Questions the Smart Way FAQ
Mark Spritzler
ranger
Sheriff

Joined: Feb 05, 2001
Posts: 17250
    
    6

My CSS

main.css



template.css



Thanks

Mark
Mark Spritzler
ranger
Sheriff

Joined: Feb 05, 2001
Posts: 17250
    
    6

I moved this from the Groovy/Grails forum, to see if you CSS experts can see what might be wrong with my css. Just ignore that the file type is .gsp, it is just like a .jsp page and CSS all works exactly the same.

Thanks

Mark
Mark Spritzler
ranger
Sheriff

Joined: Feb 05, 2001
Posts: 17250
    
    6

Not that anyone cares.

After 6 months of trying to solve this, I finally solved it.

Basically my table had

table {
border: 1px solid #ccc;
width: 100%
}

I changed the width to 79% and now it works.

Mark
 
GeeCON Prague 2014
 
subject: CSS issue in Grails app, but question is on CSS