Trouble With LH and RH Columns...

User 2388388 Photo


Registered User
129 posts

Hi everyone,

I've been working on changing my site from a fixed layout to a responsive design but I'm having trouble with a very basic problem I'm hoping you guys can enlighten me with.

On this (or any) page: http://www.your-adrenaline-fix.com/motocross.html I made some changes to the css so it would be responsive but now I can't seem to get the left and right column to come up to the top of their respective columns and if anyone would'nt mind sharing with me what I'm misssing I'd be most appreciative and I thank you guys in advance.

Here is the CSS which I feel is relevant;
#ContentWrapper{float:left;width:100%;background-image:url(../image-files/background.gif);background-repeat:repeat-y;}

#ContentColumn{margin:2% 18.75%;}

#NavColumn{float:left;width:18.645833333%;text-align:center; font-size:90%; color:#000;}

#ExtraColumn{float:right;width:18.645833333%;text-align:center; font-size:90%; color:#000;}
User 187934 Photo


Senior Advisor
20,247 posts

With your current setup without redoing everything you'll want to probably use some absolute positioning at wide screen then use a media query to change it where necessary.
Just a start.;)
#NavColumn {
color: #000000;
float: left;
font-size: 90%;
position: absolute;
text-align: center;
width: 18.6458%;
}
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.