Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

HTML Forum


You are currently viewing our HTML Forum as a guest. Please register to participate.
Login


Tycoon Talk > Web Development and Programming Support > HTML Forum > centering website between FF, Safari & IE

Post a Project »

Find a Professional HTML Freelancer!

Find a Freelancer to help you with your HTML projects

FREE Outsourcing eBook!

Reply
centering website between FF, Safari & IE
Old 09-03-2008, 08:48 PM centering website between FF, Safari & IE
Junior Talker

Posts: 4
Name: Chad
Trades: 0
Talkupation: spellcheck is on a distinguished road
I know this topic has been beaten to death but I'm having the same problem with only my front media page. FF and Safara, the site goes to the right. IE it stays centered. Now before everyone starts explaining the difference between the browsers, I've read on it. Just thought I'd cut out some unnecessary points.

Here's the div container code:

<STYLE type="text/css">
div#container
{
width: 1004px;
position: relative;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
body
{
text-align: center;
margin: 0;

}
.content_box {
padding: 10px 3px 3px 3px;

font-weight: normal;
font-family: Arial, Verdana;
font-size: 13px

Edit: almost there, the left, right margin were set to "0" in a referenced style sheet, changed them to auto, it shifted left but still not in the same location as other pages.
Last edited by spellcheck; 09-03-2008 at 10:23 PM..
spellcheck is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 09-04-2008, 10:59 AM Re: centering website between FF, Safari & IE
angele803's Avatar
Perfectly Imperfect

Posts: 1,774
Name: Stephanie
Location: Oklahoma
Trades: 2
Talkupation: angele803 has much to be proud ofangele803 has much to be proud ofangele803 has much to be proud ofangele803 has much to be proud ofangele803 has much to be proud ofangele803 has much to be proud ofangele803 has much to be proud ofangele803 has much to be proud ofangele803 has much to be proud ofangele803 has much to be proud of
Can you post your HTML as well?
__________________

Please login or register to view this content. Registration is FREE
angele803 is offline
Reply With Quote
View Public Profile
 
Old 09-04-2008, 11:29 AM Re: centering website between FF, Safari & IE
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
Talkupation: LadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond repute
Yes, seeing ALL the code will help immensely.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 09-05-2008, 06:14 PM Re: centering website between FF, Safari & IE
Junior Talker

Posts: 4
Name: Chad
Trades: 0
Talkupation: spellcheck is on a distinguished road
Here's all the code. There's also a style sheet referenced in which I set the margin to auto and it shifted the mainpage www.ho1designs.com to the left, almost centered but not at the same coordinates as all the other pages.

Thanks for the help.

Edit: I wonder if it's got anything to do with all the absolute positioning?



<?php header("Content-type","text/html; charset=iso-8859-1"); ?>
<?php ob_start() ?>
<?php
if ($_GET['randomId'] != "xKEoCxNW1rf1jJSTruWJbnMZYr1fwPpm56PuvxxZPzFZoQG6h nbiK2idJ1wW8EKv5G_Sm6VpGzk3kBG9KEy0oFD1Yp8XhFg3TyV eSikSBlTd2lvMspCS8mAMs2zpJJAkkdDRfox96nzHXjTl5FEBW GE5DBeBewCfscKloy0Pd_OKHcih_AMeIGRRUw60hnoyebluXvP CMesEt8CwTgYNYPwZ_FLXkJyiPFWBSZHZT3qfuhREFadaXR7yX Sf8fCf9") {
echo "Access Denied";
exit();
}
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Editing Noname1.html</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">body {background-color:threedface; border: 0px 0px; padding: 0px 0px; margin: 0px 0px}</style>
</head>
<body>
<div align="center">
<script language="javascript">
<!--//
// this function updates the code in the textarea and then closes this window
function do_save() {
var code = htmlCode.getCode();
document.open();
document.write('<html><form METHOD="POST" name=mform action="http://69.89.22.141:2082/frontend/bluehost/filemanager/savehtmlfile.html"><input type="hidden" name="udir" value="/home/hoonedes/public_html"><input type="hidden" name="ufile" value="Noname1.html"><input type="hidden" name="dir" value="%2fhome%2fhoonedes%2fpublic_html"><input type="hidden" name="file" value="Noname1.html"><input type="hidden" name="doubledecode" value="1">Saving&nbsp;....<br /><br ><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><textarea name=page rows=1 cols=1></textarea></form></html>');
document.close();
document.mform.page.value = code;
document.mform.submit();
}
function do_abort() {
var code = htmlCode.getCode();
document.open();
document.write('<html><form METHOD="POST" name="mform" action="http://69.89.22.141:2082/frontend/bluehost/filemanager/aborthtmlfile.html"><input type="hidden" name="dir" value="/home/hoonedes/public_html"><input type="hidden" name="file" value="Noname1.html">Aborting Edit&nbsp;....</form></html>');
document.close();
document.mform.submit();
}
//-->
</script>
<?php
// make sure these includes point correctly:
include_once ('/usr/local/cpanel/base/3rdparty/WysiwygPro/editor_files/config.php');
include_once ('/usr/local/cpanel/base/3rdparty/WysiwygPro/editor_files/editor_class.php');

// create a new instance of the wysiwygPro class:
$editor = new wysiwygPro();

// add a custom save button:
$editor->addbutton('Save', 'beforerint', 'do_save();', WP_WEB_DIRECTORY.'images/save.gif', 22, 22, 'undo');

// add a custom cancel button:
$editor->addbutton('Cancel', 'beforerint', 'do_abort();', WP_WEB_DIRECTORY.'images/cancel.gif', 22, 22, 'undo');

$body = '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<TITLE>High Octane One Designs</TITLE>
<META name="AUTHOR" content="editor">
<META name="KEYWORDS" content="high performance sailing, high octane racing, sailboat racing dinghies,
racing dinghies, european skiffs, small sailboats, high performance dinghies,hobie catamarans, multihulls, a class catamarans, lasers, international 14, melges boat works, 505, scows, musto performance skiff.">
<META name="DESCRIPTION" content="This web publication is about High Octane racing dinghies.">
<STYLE type="text/css">
div#container
{
width: 1004px;
position: absolute;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
text-align: left;
}
body
{
text-align: center;
margin: 0;

}




</STYLE>
</HEAD>
<BODY bgcolor="#FFFFFF" text="#000000" link="#FF0000" vlink="#000000" alink="#000000">
<DIV id="container">
<IMG src="collegiate.gif" alt="" align="top" border="0" width="200" height="30" style="position:absolute;left:747px;top:459px;widt h:200px;height:30px;z-index:0">
<A href="http://www.ho1designs.com"><IMG src="chadheader.jpg" alt="" align="top" border="0" width="900" height="240" style="position:absolute;left:39px;top:41px;width: 900px;height:240px;z-index:1"></A>

<IMG src="hor.gif" alt="" align="top" border="0" width="800" height="10" style="position:absolute;left:80px;top:331px;width :800px;height:10px;z-index:2">
<A href="http://www.ho1designs.com/aboutus/aboutus.html"><IMG src="aboutus.gif" alt="" align="top" border="0" width="80" height="15" style="position:absolute;left:585px;top:341px;widt h:80px;height:15px;z-index:3"></A>
<A href="http://www.ho1designs.com/advertising/advertising.html"><IMG src="advertising.gif" alt="" align="top" border="0" width="115" height="15" style="position:absolute;left:761px;top:316px;widt h:115px;height:15px;z-index:4"></A>
<A href="http://www.ho1designs.com/archives/archives.html"><IMG src="archives.gif" alt="" align="top" border="0" width="85" height="15" style="position:absolute;left:764px;top:342px;widt h:85px;height:15px;z-index:5"></A>
<A href="http://www.ho1designs.com/collegiatesailing/collegiatesailing.html"><IMG src="collegiatesailing.gif" alt="" align="top" border="0" width="170" height="15" style="position:absolute;left:269px;top:315px;widt h:170px;height:15px;z-index:6"></A>
<A href="http://www.ho1designs.com/freelancers/freelancers.html"><IMG src="freelancers.gif" alt="" align="top" border="0" width="120" height="15" style="position:absolute;left:585px;top:316px;widt h:120px;height:15px;z-index:7"></A>
<A href="http://www.ho1designs.com/forum/"><IMG src="hoodforum.gif" alt="" align="top" border="0" width="115" height="15" style="position:absolute;left:86px;top:341px;width :115px;height:15px;z-index:8"></A>
<A href="http://www.ho1designs.com/hoodpromo/hoodpromo.html"><IMG src="hoodpromo.gif" alt="" align="top" border="0" width="115" height="15" style="position:absolute;left:270px;top:342px;widt h:115px;height:15px;z-index:9"></A>
<A href="http://www.ho1designs.com/hoodshowcase/hoodshowcase.html"><IMG src="hoodshowcase1.gif" alt="" align="top" border="0" width="150" height="15" style="position:absolute;left:87px;top:316px;width :150px;height:15px;z-index:10"></A>
<A href="http://www.ho1designs.com/video/video.html"><IMG src="video.gif" alt="" align="top" border="0" width="60" height="15" style="position:absolute;left:485px;top:316px;widt h:60px;height:15px;z-index:11"></A>
<A href="http://www.ho1designs.com/legal/legal.html"><IMG src="legal.gif" alt="" align="top" border="0" width="55" height="15" style="position:absolute;left:489px;top:341px;widt h:55px;height:15px;z-index:12"></A>


<DIV style="width: 134px; margin: 0 auto 0 auto;">
<div style="height: 14px;z-idex:13">


</div>

<FONT style="font-size:11px" color="#7F7F7F" face="Arial">COPYRIGHT 2006 HOOD</FONT>
</DIV>
<IMG src="kilt1.jpg" alt="" align="top" border="0" width="119" height="39" style="position:absolute;left:753px;top:6693px;wid th:119px;height:39px;z-index:14">
<IMG src="hor.gif" alt="" align="top" border="0" width="800" height="10" style="position:absolute;left:74px;top:6681px;widt h:800px;height:10px;z-index:15">

<A href="./index.html"><IMG src="page1.gif" alt="" align="top" border="0" width="80" height="20" style="position:absolute;left:367px;top:6654px;wid th:80px;height:20px;z-index:16"></A>
<A href="./maintwo/maintwo.html"><IMG src="page2.gif" alt="" align="top" border="0" width="80" height="20" style="position:absolute;left:483px;top:6654px;wid th:80px;height:20px;z-index:17"></A>
<A href="http://www.ho1designs.com/collegiateprogram/collegiateprogram.html" target="_blank"><IMG src="whatsthis.gif" alt="" align="top" border="0" width="80" height="15" style="position:absolute;left:801px;top:484px;widt h:80px;height:15px;z-index:18"></A>
<IMG src="170box.gif" alt="" align="top" border="0" width="170" height="1165" style="position:absolute;left:757px;top:496px;widt h:170px;height:1165px;z-index:19">
<IMG src="170box.gif" alt="" align="top" border="0" width="170" height="1165" style="position:absolute;left:38px;top:498px;width :170px;height:1165px;z-index:20">
<A href="http://www.sailorstailor.com/" target="_blank"><IMG src="link.gif" alt="" align="top" border="0" width="150" height="104" style="position:absolute;left:766px;top:706px;widt h:150px;height:104px;z-index:21"></A>
<A href="http://www.sexwax.com" target="_blank"><IMG src="Dyecut.gif" alt="" align="top" border="0" width="150" height="43" style="position:absolute;left:49px;top:742px;width :150px;height:43px;z-index:22"></A>
<A href="http://www.sailing.org/" target="_blank"><IMG src="ISAF logo1.jpg" alt="" align="top" border="0" width="81" height="150" style="position:absolute;left:81px;top:842px;width :81px;height:150px;z-index:23"></A>
<A href="http://www.mustoskiff.com/" target="_blank"><IMG src="mustologoad.jpg" alt="" align="top" border="0" width="155" height="155" style="position:absolute;left:44px;top:508px;width :155px;height:155px;z-index:24"></A>
<A href="http://www.theultimateridethemovie.com/" target="_blank"><IMG src="logo.jpg" alt="" align="top" border="0" width="144" height="140" style="position:absolute;left:768px;top:518px;widt h:144px;height:140px;z-index:25"></A>
<IMG src="harvardsailing.jpg" alt="" align="top" border="0" width="530" height="364" style="position:absolute;left:229px;top:6066px;wid th:530px;height:364px;z-index:26">
<IMG src="harvardsailingbanner.gif" alt="" align="top" border="0" width="350" height="40" style="position:absolute;left:311px;top:6012px;wid th:350px;height:40px;z-index:27">
<DIV style="position:absolute;left:240px;top:6410px;wid th:183px;height:28px;z-index:28" align="left">
<FONT style="font-size:11px" color="#000000" face="Arial"><B>Photo: Meghan T. Purdy/Crimson</B></FONT>
</DIV>
<DIV style="position:absolute;left:238px;top:6471px;wid th:497px;height:79px;z-index:29" align="left">
<!-- <IMG src="12fter.jpg" alt="" align="top" border="0" width="310" height="322" style="position:absolute;left:232px;top:1656px;wid th:310px;height:322px;z-index:63"> -->
<DIV style="position:absolute;left:270px;top:572px;widt h:432px;height:383px;z-index:64" align="left">
<FONT style="font-size:13px" color="#666666" face="Arial"><B>It appears we had some wrong information on the write-up about Rohan Veal winning the titles that were posted a couple of days ago.<BR>
The original article is below.<BR>
<BR>
One of our viewers mailed us with the proper scores and information on this particular race.&nbsp; Thanks Phil Stevenson and here is his story quoted directly.<BR>
<BR>
&quot;Since I have the finishing sheets his actual winning margins for heats 2 to 6 were 1min 15secs, 4 min 50, 3 min 20, 2 min 20 and a whopping 9 min 10 in a fading breeze. <BR>
Pretty decisive win to the regatta but he is not NSW Champion because he is from Victoria. Second place Luka Damic took the NSW trophy with his Prowler and a string of consistant places, 1, 5, 2, 2, 5, 2, and 2. <BR>

Bladeriders proved fast but still have some teething problems. Defending Champ Scott Babbage broke a centreboard and had a string of other minor problems with his day old Bladerider. But Designer Andrew Macdougall sailed fast for 3rd overall. <BR>
There were 16 foilers, mostly coverted Thorpe Hungry Tigers, only two narrow skiffs and 6 scows. The class has updated quickly. Winds went from 5 to 25kts in the rain squalls.&quot;<BR>
</B></FONT>
<IMG src="mothsailing.jpg" alt="" align="top" border="0" width="530" height="363" style="position:absolute;left:220px;top:1023px;wid th:530px;height:363px;z-index:65">
<IMG src="favicon.ico" alt="" align="top" border="0" width="32" height="32" style="position:absolute;left:736px;top:1477px;wid th:32px;height:32px;z-index:66">
<IMG src="favicon.ico" alt="" align="top" border="0" width="32" height="32" style="position:absolute;left:208px;top:1475px;wid th:32px;height:32px;z-index:67">
<IMG src="bar.gif" alt="" align="top" border="0" width="505" height="10" style="position:absolute;left:226px;top:1482px;wid th:505px;height:10px;z-index:68">
<DIV style="position:absolute;left:235px;top:1469px;wid th:143px;height:14px;z-index:69" align="left">
<FONT style="font-size:11px" color="#666666" face="Arial"><B>Posted: April 14th, 2007</B></FONT>
</DIV>
<IMG src="updatedbanner.gif" alt="" align="top" border="0" width="475" height="40" style="position:absolute;left:251px;top:499px;widt h:475px;height:40px;z-index:70">

</DIV>
</BODY>
</HTML>';

$editor->set_code($body);

// add a spacer:
$editor->addspacer('', 'after:cancel');

$editor->set_charset('iso-8859-1');

// print the editor to the browser:
$editor->print_editor('100%','450');

?>
</div>
</body>
</html>
<?php ob_end_flush() ?>
Last edited by spellcheck; 09-05-2008 at 06:26 PM..
spellcheck is offline
Reply With Quote
View Public Profile
 
Old 09-05-2008, 09:58 PM Re: centering website between FF, Safari & IE
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
Talkupation: LadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond repute
Oy.. what's with all those <br>'s ?? That's awful.... there are better ways to space things out.

You certainly do NOT want position:absolute on the body -- what is the point of that ?? You also don't need that .centered mess.

It looks to me as if your floats are not properly cleared since the #main_box is NOT containing anything inside it.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 09-06-2008, 08:24 AM Re: centering website between FF, Safari & IE
Junior Talker

Posts: 4
Name: Chad
Trades: 0
Talkupation: spellcheck is on a distinguished road
Thanks for all the code bashing, but you're not offering much of a solution for the centering isssue. Are you saying my centering problem is a result of all those things?
spellcheck is offline
Reply With Quote
View Public Profile
 
Old 09-06-2008, 05:24 PM Re: centering website between FF, Safari & IE
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
Talkupation: LadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond repute
Yes. Get rid of the absolute positioning and that .center thing and see where that leaves you. Once you get rid of all that, AND clear your floats properly, you'll be in a better position.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 09-09-2008, 08:23 AM Re: centering website between FF, Safari & IE
Junior Talker

Posts: 4
Name: Chad
Trades: 0
Talkupation: spellcheck is on a distinguished road
that didn't do it. changed absolute to relative, got rid of the .centered and
it wanted to collapse all the content.
spellcheck is offline
Reply With Quote
View Public Profile
 
Old 09-09-2008, 03:54 PM Re: centering website between FF, Safari & IE
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
Talkupation: LadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond reputeLadynRed has a reputation beyond repute
Why do you need the positioning at all ???
I'm going to be blunt (sorry), but your document structure is a mess; you have style blocks in the middle of your page where they do not belong; you have tons of code validation errors - even for the sloppy HTML 4.01 Transitional doctype; you have meta tags outside the <head>; lots of inline styles which are probably conflicting. Using a word processing program, even OpenOffice, to spit out HTML code is never a good idea.

You need to lay out a proper document structure, clean up the coding errors, and then put your text and graphics into the clean framework, and you need to let the normal document flow work for you, you don't need all that absolute positioning.

I started to see if I could fix it, but given it's current state, it would take me hours to clean that up.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE
LadynRed is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to centering website between FF, Safari & IE
 
Previous Thread | Next Thread Tycoon Talk > Web Development and Programming Support > HTML Forum > centering website between FF, Safari & IE

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off




   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.45459 seconds with 12 queries