Old CSS & HTML Problem :: HTML / CSS :: Discussion Forum :: Networks

Networks » Discussion Forum » HTML / CSS » Old CSS & HTML Problem

JavaScript is not enabled on your browser and in order to properly use Coder Profile JavaScript is required.
To view instructions on how to enable JavaScript on your browser click here.

Posted: 302 Days Ago

FallingTears
United States

Contrib Level: 5
Total Posts: 208

Guys,

I can't figure out how to center a field set using CSS. It doesn't render in Firefox or IE. HELP Mee!!

Basically, I have a DIV (id is header) that contains the logo div (contains logo image) and login box div (contains web form). Well, I'm having a difficult time centering the form or anything in the form. What I would like to do is center the whole form (including the fieldset) within my document. I tried the text-align property, but it isn't working, which is kind of ticking me off. I do NOT want to use absolute positioning. There are many reasons for this.

All help is much appreciated.

Sam

Reply With Quote

Posted: 302 Days Ago

FallingTears
United States

Contrib Level: 5
Total Posts: 208

What I did worked in IE, but it's not working with Mozilla ... there has to be a fix for Mozilla:

Reply With Quote

Posted: 302 Days Ago

FallingTears
United States

Contrib Level: 5
Total Posts: 208

Okay, I got Google Chrome, Firfox, Safari, and Internet Explorer .....

My website is compatible with IE. Everything displays properly with IE.

My website doesn't display properly with the other three. I know there's something that I'm missing ... there has to be ... for my website to work in all four of the web browsers. If you want to take a look at my site:

http://www.skstidh.us

If you want to take a look at my CSS

http://css.skstidh.us/main.css

This will give you some idea of what's going on and perhaps you'll be able to help me get it to render properly with those other three.

Thanks in advance,
Sam

Reply With Quote

Posted: 302 Days Ago

FallingTears
United States

Contrib Level: 5
Total Posts: 208

The solution is simple, I finally got it. The form and fieldset are centered on the page. Very soon, I'm going to be uploading all of my files to my website. Take a look at my website: http://www.skstidh.us ... This website is not in competition with CoderProfile. My site is more/less being created for portfolio purposes.

This works for IE, Opera, Firefox, Safari, and Google Chrome:

CODE: main.css

Copy / Restore

body {
background: url("../images/bg.gif") repeat;
}
#header {
width: 100%;
text-align: center;
}
#footer {
width: 100%;
text-align: center;
margin-top: 10px;
}
form {
width: 680px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
}
fieldset {
text-align: center;
}
fieldset legend {
text-align: left;
}

CODE: index.php

Copy / Restore

<?php
// Import Page class
include("./includes/page.php");
// Instantiate Page Class
$page = new Page("WebGrease Framework 1.01 - Home Page");
// Begin XHTML 1.0 Strict Document
print "<?xml version=\"1.0\" encoding=\"UTF-8\" ?>\n";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title><?php $page->displayTitle(); ?></title>
<link href="./css/main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<?php $page->displayHeader("./includes/header.php"); ?>
<?php $page->displayFooter("./includes/footer.php"); ?>
</body>
</html>

CODE: header.php

Copy / Restore

<div id="header">
<div id="logo">
<img src="../images/logo.gif" usemap="#myMap" alt="WebGrease Framework 1.01 Logo" style="border-width: 0px" />
<map name="myMap">
<area shape="rect" coords="261,64,316,81" alt="Home Page" href="./index.php" />
<area shape="rect" coords="330,64,399,81" alt="Programming Articles" href="http://articles.skstidh.us" />
<area shape="rect" coords="414,64,471,81" alt="Source Codes" href="http://codes.skstidh.us/" />
<area shape="rect" coords="487,64,571,81" alt="Development Blog" href="http://blog.skstidh.us/" />
<area shape="rect" coords="587,64,653,81" alt="Our Forums" href="http://forums.skstidh.us/" />
<area shape="rect" coords="669,65,720,81" alt="User Control Panel" href="http://accounts.skstidh.us/" />
</map>
</div>
<div id="log_box">
<form action="./login_process.php" method="post">
<fieldset id="myFieldSet">
<legend>Log In</legend>
Username: <input type="text" id="username" />
Password: <input type="password" id="password" /><br />
<span style="font-size: 12px">Not a user? <a href="./register.php">Register</a></span>
</fieldset>
</form>
</div>
</div>

CODE: footer.php	Copy / Restore :: Remove Scroll Bars
<div id="footer"> <div id="footer_image"> <img src="../images/footer.gif" alt="Footer Image" /> </div> </div>

See, simple.

Reply With Quote

Posted: 300 Days Ago

VBAssassin
United Kingdom

Contrib Level: 17
Total Posts: 5,709

Ewwww

CODE:	Copy / Restore :: Remove Scroll Bars
// Begin XHTML 1.0 Strict Document print "<?xml version=\"1.0\" encoding=\"UTF-8\" ?>\n"; ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

You really should refactor that

Since your doing a framework based on objects, i would recommend you checkout the zend framework before creating your own. It's easy to use, it took me less thyan 3 hours to create a 3 page website using the zend framework.

Kind regards,
Scott

Reply With Quote

Posted: 300 Days Ago

FallingTears
United States

Contrib Level: 5
Total Posts: 208

XHTML 1.0 Strict isn't too difficult to deal with

I've taken a look at several frameworks ... and I know that their classes are easily extendable, but my main concern is .... how will I really learn PHP by using someone elses work? My PHP database connections are much better now than they were several months ago. My registration/validation scripts are bug-less.

One thing that I've been trying to figure out is creating php configuration files, because I want to make a PHP setup script ... which will start out with the user supplying basic database information (server name, admin username, admin password, and database). Anyways, you get the idea.

I bought 2 PHP books, one is for PHP 5 and the other is for PHP 6, both include MySQL 5 support. They're helping me so much.

P.S

Hehe, I'm going to make the installation file allow the user to choose which form of validation he/she wants ... and I'm going to include all the files needed for every form of validation, except for frameset. I don't like frames very much.

Reply With Quote

Page 1 of 1