CodingForums.com

CodingForums.com (http://www.codingforums.com/index.php)
-   HTML & CSS (http://www.codingforums.com/forumdisplay.php?f=13)
-   -   Form submit causing div to drop down. (http://www.codingforums.com/showthread.php?t=164924)

omgsmith 04-27-2009 08:57 PM
Form submit causing div to drop down.
 
Hey Guys,

Was wondering if anyone had experienced this problem before? I've done some simple markup for a site I'm working on ( http://www.blackoutmedia.co.uk/site ) and for some reason when you click on either Submit or Clear on the form to the bottom right, the containing div drops onto the next row so to speak.

Any ideas?

Rowsdower! 04-27-2009 09:04 PM
Hmm, I'm not experiencing that issue here. What browser are you working in? Also, it's a good first step at this stage to go ahead and validate all of your HTML (http://validator.w3.org/check?uri=ht...ss=1&verbose=1).

You currently have 25 listed errors and 4 warnings. These might be contributing to your problem. Once you're using valid code post back so we can take a look at a clean page.

P.S. Welcome to the forums!

omgsmith 04-27-2009 09:23 PM
Quote:
Originally Posted by Rowsdower! (Post 810430)
Hmm, I'm not experiencing that issue here. What browser are you working in? Also, it's a good first step at this stage to go ahead and validate all of your HTML (http://validator.w3.org/check?uri=ht...ss=1&verbose=1).

You currently have 25 listed errors and 4 warnings. These might be contributing to your problem. Once you're using valid code post back so we can take a look at a clean page.

P.S. Welcome to the forums!
Just ran through the validation and it's all fine now, still dropping the div down though :s

Rowsdower! 04-27-2009 09:29 PM
Quote:
Originally Posted by omgsmith (Post 810440)
Just ran through the validation and it's all fine now, still dropping the div down though :s
Ok, that's a good start. Still, what browser are you seeing this in?

omgsmith 04-27-2009 09:30 PM
Quote:
Originally Posted by Rowsdower! (Post 810443)
Ok, that's a good start. Still, what browser are you seeing this in?
Firefox 3.0.9 on OSX.

Rowsdower! 04-27-2009 09:35 PM
OK, I'll go ahead and hit you with this suggestion:
Code:
#main_content {
clear:both;
color:#828282;
margin:auto;
overflow:auto;
padding-bottom:10px;
padding-top:10px;
width:950px;
}
This might be related to your problem in FF3, but in any case this fixes a breakdown in your layout in FF2 in XP. Let me know if this takes care of your FF3 issue as well...

omgsmith 04-27-2009 09:48 PM
Quote:
Originally Posted by Rowsdower! (Post 810447)
OK, I'll go ahead and hit you with this suggestion:
Code:
#main_content {
clear:both;
color:#828282;
margin:auto;
overflow:auto;
padding-bottom:10px;
padding-top:10px;
width:950px;
}
This might be related to your problem in FF3, but in any case this fixes a breakdown in your layout in FF2 in XP. Let me know if this takes care of your FF3 issue as well...
Spot on buddy, thanks!

Fixed a couple of safari issues too :)

Rowsdower! 04-27-2009 09:51 PM
Quote:
Originally Posted by omgsmith (Post 810449)
Spot on buddy, thanks!

Fixed a couple of safari issues too :)
Glad to help. Just FYI, the problem was with your previous and next buttons (e.g. div#prevBtn). They extended below the bottom edge of their containing element so the content in question was still trying to let them float. This pushed the content right and made the 950px width of the container insufficient to house all three of the div's within, thus dropping the last one onto the next "line."


All times are GMT +1. The time now is 09:09 PM.

Powered by vBulletin®
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.