The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Center This Form
Danny
post Sep 24 2007, 04:33 PM
Post #1





Group: Members
Posts: 6
Joined: 23-September 07
Member No.: 3,891



I cannot seem to get this form centered on my pages when displayed in Firefox
although it appears centered in IE.

Any ideas?

Thanks

http://www.travel-ascending.com/condo_rentals.htm


The same occurs with most all forms within my site, they center i IE and displace
in Firefox.

Thanks again
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Sep 24 2007, 04:46 PM
Post #2


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,353
Joined: 9-August 06
Member No.: 6



I guess you try to center it with 'text-alígn: center'. That centers inline elements, not block level elements (except in IE).
http://css-discuss.incutio.com/?page=CenteringBlockElement
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Sep 24 2007, 05:21 PM
Post #3


WDG Member
********

Group: Root Admin
Posts: 8,311
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



Actually, looking at the markup and CSS, I can't see that any attempt has been made to center the form.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Sep 24 2007, 06:03 PM
Post #4


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,353
Joined: 9-August 06
Member No.: 6



It's double centered in IE.

CODE
.style1 {
    text-align: center;
}


HTML
<div align="center">
<table cellpadding="1" cellspacing="0" style="width: 75px">
<tr>
<td style="height: 75px; width: 75px" class="style1">
<DIV CLASS="centeralign">

(the class 'centeralign' doesn't exist.)
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Danny
post Sep 24 2007, 06:25 PM
Post #5





Group: Members
Posts: 6
Joined: 23-September 07
Member No.: 3,891



<div align="center">

Worked like a charm and aligned it in Firefox...

Thanks Everyon
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Sep 24 2007, 07:16 PM
Post #6


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,353
Joined: 9-August 06
Member No.: 6



Uhm, I posted the code you already use. I didn't mean you should use <div align="center">. mellow.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
fallOut.mi
post Sep 26 2007, 12:13 AM
Post #7





Group: Members
Posts: 2
Joined: 26-September 07
Member No.: 3,911



Or you could also throw <center> at the beginning of the body and </center> at the end.....
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 23rd August 2019 - 05:50 PM