1 reply [Last post]
golfanatics.de
golfanatics.de's picture
Offline
newbie
Germany
Last seen: 7 years 29 weeks ago
Germany
Timezone: GMT+2
Joined: 2013-02-02
Posts: 3
Points: 10

Dear All,

perhaps an easy to solve problem, but even after trying repeatedly I was not successful:

Below the navigation area of my site, the CONTENT area begins with 12 images including subtext being floated left and shown as a 4x3 matrix (LINK: http://www.golfanatics.de/J3/)

As you can see, this Content Area (as a WHOLE, i.e. div.jrDirView) is not centered, but aligned left. What do I have to do in order to center the jrDirView element, while EACH of the floated images and subtext remain aligned left themselves.

Quest

Thank you in advance for any hint you may have for me.

Ralph

aquascapist
aquascapist's picture
Offline
newbie
Last seen: 7 years 37 weeks ago
Timezone: GMT+5.5
Joined: 2013-02-02
Posts: 4
Points: 10

Hey Ralph, There appears to

Hey Ralph,

There appears to be a negative margin of 20px on the row class, which is messing with the centering. The .row class appears to be part of a grid. You could target it when it's inside main-content like,

.main-content .row {
    margin: 0 auto;
}

That centers it better, try adjusting the padding/margins on the inner divs to get it just right.

-aquascapist