Ok now I have a problem the page http://www.sonicfighters.com/sffans/ everything is off looking and I made everything with tables. How can I make everything aligned?
Table Problem
Ok now I have a problem the page http://www.sonicfighters.com/sffans/ everything is off looking and...
&nsbp;
#3
Crazy Bat
-
- Designer
- 75 posts
Apprentice Designer
Posted 07 March 2004 - 10:40 PM
As an alternative, perhaps you can try using <div> for your content instead of <table> and css to lay it out.
Example;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta />
<style type="text/css">
#container {
width: 100%;
margin: 0px;
}
#header{
margin: 0px;
}
#content {
margin-left: 200px;
margin-right: 200px;
}
#leftbar {
float: left;
width: 200px;
margin: 0;
}
#rightbar {
float: right;
width: 200px;
margin: 0;
}
#footer {
clear: both;
}
</style>
</head>
<body>
<div id="container">
<div id="header"> </div>
<div id="leftbar"> </div>
<div id="rightbar"> </div>
<div id="content"> </div>
<div id="footer"> </div>
</div>
</body>
</html>
Play with this layout a bit and you'll understand how it works. It becomes much easier to understand once you get your head around using this method.
Good luck!
Example;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta />
<style type="text/css">
#container {
width: 100%;
margin: 0px;
}
#header{
margin: 0px;
}
#content {
margin-left: 200px;
margin-right: 200px;
}
#leftbar {
float: left;
width: 200px;
margin: 0;
}
#rightbar {
float: right;
width: 200px;
margin: 0;
}
#footer {
clear: both;
}
</style>
</head>
<body>
<div id="container">
<div id="header"> </div>
<div id="leftbar"> </div>
<div id="rightbar"> </div>
<div id="content"> </div>
<div id="footer"> </div>
</div>
</body>
</html>
Play with this layout a bit and you'll understand how it works. It becomes much easier to understand once you get your head around using this method.
Good luck!
0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users
