/    Sign up×
Community /Pin to ProfileBookmark

centering problem

Copy linkTweet thisAlerts:
Apr 30.2004

thank you in advance for any help. i am a dinasaur in the world of web design, so please know that in advance but i am going crazy here. i design very simple websites for opera singers and always like to design artwork that i center on a splash page. i used to code it myself but have to admit that i have been using dreamweaver with my own tweaking. i have just upgraded to mx and i know i’m very behind the times but have always used a table within a table to keep my graphic centered on any monitor and/or browser and have lived by this code:
<table border=”0″ width=”100%” height=”100%” align =”center” cellpadding=”0″ cellspacing=”0″>
<tr>
<td align=”center” valign=”middle”>
<insert table-which is usually a 1×1 table with exact width/height of graphic>
</td>
</tr>
</table>
this time it looks fine on my mac in ie, but clings to the top in any other browser and on pc it is clinging to top in all browsers.any help would be so grateful and i’m studying now so i can get back into the loop and up to date. should i just throw caution out and let dreamweaver code and use css? here’s a link. these are just mock ups: [url]http://homepage.mac.com/stevesherling/kate/index.html[/url] the page numbers are links to other examples.

to post a comment
HTML

4 Comments(s) ↴

Copy linkTweet thisAlerts:
@Aronya1Apr 30.2004 — It's working fine in W2k, IE6.0.
Copy linkTweet thisAlerts:
@PhillMcApr 30.2004 — It's also working fine on XPPro using Mozilla FireFox, Opera, IE 6, and Avant browsers. ?
Copy linkTweet thisAlerts:
@ray326May 01.2004 — Allow me to suggest a layout concept. The base tag is just in there so I can work locally against your images.
<i>
</i>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"&gt;
&lt;html&gt;
&lt;head&gt;
&lt;base href="http://homepage.mac.com/stevesherling/kate/" /&gt;
&lt;title&gt;Conforming HTML 4.01 Transitional Template&lt;/title&gt;
&lt;style type="text/css"&gt;
body {
margin:0; border:0;
font-family: Arial, Helvetica, sans-serif;
background: #a53f18 url(photos/splashtest.jpg) center center no-repeat;
}
#link {
position: absolute;
width: 100%;
text-align: center;
bottom: 10px;
}
#link a {
font-weight: bold;
color: #000;
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id="link"&gt;&lt;a href="page2.html"&gt;page 1&lt;/a&gt;&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
Copy linkTweet thisAlerts:
@steviebauthorMay 01.2004 — thank you all very much!

all of your replies were very, very helpful and i appreciate it very much.
×

Success!

Help @stevieb spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.9,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...