XHTML problem

jchucka
Limited Member

Posts: 4

XHTML problem

« on: June 19, 2005, 02:49:49 AM »

I'm in the process of converting my table based html site to CSS/XHTML strict. I can't figure out how to center a #formcontainer horizontally inside of a #contentcontainer.

Any suggestions would be appreciated.


	Report to moderator Logged

SensoVision
Administrator
Veteran

Posts: 5 857

I'm proud user of Debian GNU/Linux OS

Re: XHTML problem

« Reply #1 on: June 23, 2005, 08:26:29 PM »

hi Jchuka, sorry for delay in reply... maybe I'll be able to help you out if you show me the page? Sorry I couldn't help you right from scratch but I don't use CSS for a long time.


	Report to moderator Logged

Denis

jchucka
Limited Member

Posts: 4

Re: XHTML problem

« Reply #2 on: June 24, 2005, 05:18:58 AM »

Hi,

http://greatmarketingproducts.com/template/test.html

http://greatmarketingproducts.com/template/css/gmp_screen.css

I would like for the form to be centered, and to stay centered within it's container regardless of screen resolution.
Also, i'm using spacer gifs to center the 2 menu ads within their container because it was the only way I could figure out to keep them centered in both IE and Netscape. Is there an alternative?
Lastly, I want it to validate XHTML Strict.

Suggestions would be greatly appreciated.


	Report to moderator Logged

Pradeep-M6.net
Guest

Re: XHTML problem

« Reply #3 on: June 28, 2005, 02:28:29 AM »

Quote from: jchucka on June 19, 2005, 02:49:49 AM

Hi jchuck,
i don't know how much knowledge you have about XHTML? I am giving You few tips about XHTM.

XHTML Syntax Rules:
Attribute names must be in lower case
Attribute values must be quoted
Attribute minimization is forbidden
The id attribute replaces the name attribute
The XHTML DTD defines mandatory elements

The <!DOCTYPE> Is Mandatory
An XHTML document consists of three main parts:

the DOCTYPE
the Head
the Body
The basic document structure is:

<!DOCTYPE ...>
<html>
<head>
<title>... </title>
</head>
<body> ... </body>
</html>

<!DOCTYPE ........dtd">
<html>
<head>
<title>simple document</title>
</head>
<body>
<p>a simple paragraph</p>
</body>
</html>
syntax for a table
<table border = "1">
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>


	Report to moderator Logged

jchucka
Limited Member

Posts: 4

Re: XHTML problem

« Reply #4 on: June 28, 2005, 07:18:53 AM »

Thanks for trying to help, but i'm not having a syntax or structure problem for XHTML Strict. I have a positioning problem when the page is viewed in different browsers.


	Report to moderator Logged

SensoVision
Administrator
Veteran

Posts: 5 857

I'm proud user of Debian GNU/Linux OS

Re: XHTML problem

« Reply #5 on: June 28, 2005, 09:52:19 AM »

sorry for delay jchuka, here is how you can center form:
in #formcontainer add these strings:

Code:

margin-left: auto;
margin-right: auto;

this should fix your centering problems.

and also I've spot that you have this code on your page:

Code:

<form action="http://www.xyz.com/search.html" method="post">
<div id="formcontainer">

if I'm not wrong it's need to be replaced with this:

Code:

<div id="formcontainer">
<form action="http://www.xyz.com/search.html" method="post">

Hope this would helps.


	Report to moderator Logged

Denis

jchucka
Limited Member

Posts: 4

Re: XHTML problem

« Reply #6 on: June 28, 2005, 11:34:36 AM »

SensoVision

Thanks, that did the trick. I thought that I had tried that, but evidently I hadn't.

Many thanks for taking the time to help.


	Report to moderator Logged

SensoVision
Administrator
Veteran

Posts: 5 857

I'm proud user of Debian GNU/Linux OS

Re: XHTML problem

« Reply #7 on: June 28, 2005, 11:43:49 AM »

my pleasure, sorry that I didn't answer right away but I was carried away by some problem and forgot about your query Tongue


	Report to moderator Logged

Denis

Andy
Administrator
Veteran

Posts: 5 752

Re: XHTML problem

« Reply #8 on: July 28, 2005, 10:06:41 PM »

Good post Senso!

CSS has some strange concepts like the content of the page is dropped into the page as if the page is a bucket tilted to one side and once it's filled, it is capped, turned over and displayed to the user. Grin

So simple things like centering a block of content are not simple. You have to use the box model and set the transparent margins to percentages of the screen width. And the way browsers decode the CSS depends on how well the browser programmer understood the specs. Roll Eyes


	Report to moderator Logged

IP Address Trace
Karaoke on PC

Pages: [1]


Webmaster Key Forums Webmaster Corner Site Design and Web Authoring XHTML problem