3 replies [Last post]
clam
clam's picture
Offline
Regular
Last seen: 15 years 29 weeks ago
Joined: 2006-10-17
Posts: 11
Points: 0

Hi All, I have searched for a solution to this, but the frustration has grown too large so I figured I would ask here.

The only way I could style my page the way I want (after much messing around), is to place the Submit button for my form in a seperate DIV element...

This is certainly not valid but I can't think of any other way to do it.

Is there another way to do this?

Also I am not sure if this is relevant, but it may be easier just to fix my styling problem. Basically i want the submit button to be at the very bottom of my div which has a fixed height, not just wherever the last text in it is. I have tried vertical-align, absolute positioning, relative positioning, float, and still no luck...

Any help would be greatly appreciated thanks!

oley
oley's picture
Offline
Regular
Silicon Valley
Last seen: 15 years 36 weeks ago
Silicon Valley
Timezone: GMT-7
Joined: 2006-10-17
Posts: 28
Points: 0

maybe?

Here's a dirty hack for you:

body {
margin:10px 10px 0px 10px;
padding:0px;
}

div#A {
border: 1px solid;
height: 300px;
}

...

Your Name?

PS: I call it dirty, because it does not do what you want, but makes it appear somewhat similar. Should you decide to increase the font size in the browser, and the "Submit" button will sneak out of the DIV. But so will the text in the form... eventually... since you're using the fixed height.

oley aka Olga Bobrova
http://dragonia.info/

clam
clam's picture
Offline
Regular
Last seen: 15 years 29 weeks ago
Joined: 2006-10-17
Posts: 11
Points: 0

thank you very much! that

thank you very much! that does exactly what I want...

Cheers =)

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 8 years 6 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Quote:I have tried ...

Quote:
I have tried ... absolute positioning, relative positioning

If you had applied position: relative to the div (or form) and then position: absolute; bottom: 0 to the button, you should've been OK.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference