randled
New Member
Hi everyone,
I've run into an interesting problem that I can't figure out; hence the reason I'm here.
For school, I've created an index.shtml page and am using CSS to make it look nice. Unfortunately, my wrapper div has stopped at a certain point in Chrome. What's strange to me, is when I view the site in Firefox the div reacts the way I want. Can someone help me understand why this would be acting this way?
I'm quite sure I have unnecessary tags and such. I'm still learning. Positioning and such has really stumped me, no matter how much I've read online. I'll check out these forums in a little more detail to see if you guys have some good explanations that can help me.
My ultimate goal would be to position each of the modules on the homepage side-by-side so the user wouldn't have to scroll, and to have the wrapper class surround all of the modules you see. I'm also really interested in responsive web design. That's why I've been using percentages instead of px.
Any help that you can provide would be super awesome.
Note: The CSS portion of my site isn't a requirement for this particular class. I just like the design aspect more so than others.
Thanks,
Randy
Chrome 19.0.1084.56 (Both Mac and Win 7)
http://velma.lakeland.usf.edu/~rdeweese/index.shtml
I've run into an interesting problem that I can't figure out; hence the reason I'm here.
For school, I've created an index.shtml page and am using CSS to make it look nice. Unfortunately, my wrapper div has stopped at a certain point in Chrome. What's strange to me, is when I view the site in Firefox the div reacts the way I want. Can someone help me understand why this would be acting this way?
I'm quite sure I have unnecessary tags and such. I'm still learning. Positioning and such has really stumped me, no matter how much I've read online. I'll check out these forums in a little more detail to see if you guys have some good explanations that can help me.
My ultimate goal would be to position each of the modules on the homepage side-by-side so the user wouldn't have to scroll, and to have the wrapper class surround all of the modules you see. I'm also really interested in responsive web design. That's why I've been using percentages instead of px.
Any help that you can provide would be super awesome.
Note: The CSS portion of my site isn't a requirement for this particular class. I just like the design aspect more so than others.
Thanks,
Randy
Chrome 19.0.1084.56 (Both Mac and Win 7)
http://velma.lakeland.usf.edu/~rdeweese/index.shtml
Code:
.wrapper{
min-height:720px;
max-width:85%;
background-color: #1a82f7;
background-image: url("http://fc09.deviantart.net/fs71/f/2011/032/8/c/silver_gradient_by_martinsketchley-d38j4s7.jpg");
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2F2727), to(#1a82f7));
background-image: -webkit-linear-gradient(top, #CCC, #1a82f7);
background-image: -moz-linear-gradient(top, #CCC, #1a82f7);
background-image: -ms-linear-gradient(top, #CCC, #1a82f7);
background-image: -o-linear-gradient(top, #CCC, #1a82f7);
border-radius:20px;
border:thin solid black;
margin:0 auto;
}
.wrapper, #form, #counter, #countersource, #insert, #mysql, #formsource{
padding-top:15px;
padding-left:15px;
padding-right:15px;
padding-bottom:10px;
}