Is There A Better Way

I

Ian Rutgers

The http://www.taoofpeace.com/test/index.php home page displays correctly on
my page regardless if I view it with IE or a Mozilla browser on either my
laptop or my desktop (1024 x 768). When I viewed this same page on my
client's LCD monitor the left navigation appears on the top of the page
until I do a manual refresh ... then it goes where it should.

I don't want to do this page with tables (yuk!) but would appreciate any
suggestions on another way to "Style" this page so the navigation appears
where it should ... every time.

.....here is the home page code

<!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 http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Tao of Peace : Martial Arts &amp; Life Skills Centre</title>
<link type="text/css" media="screen" rel="stylesheet"
href="includes/main.css" />
<link type="text/css" media="screen" rel="stylesheet"
href="includes/homePage.css" />
</head>

<body>
<div id="wrapper">
<div id="globalBackgroundHP">
<div id="largeLogo"><img src="images/LargeLogo.jpg" alt="Tao of Peace :
Faith Love Oness Within" /></div>
<div id="slogan"><img src="images/martialArtsTitle.jpg" alt="Martial Arts
and Life Skills Centre" /></div>
<div id="leftNav">
<a href="curriculum/index.php"
title="curriculum/schedule">curriculum/schedule</a>
<a href="studentresources/index.php" title="student resources">student
resources</a>
<a href="stuff.php" title="philosophy">philosophy</a>
<hr class="divisor" />
<a href="stuff.php" title="bully proofing">bully proofing</a>
<a href="stuff.php" title="assertiveness training">assertiveness
training</a>
<a href="stuff.php" title="conflict resolution">conflict resolution</a>
<hr class="divisor" />
<a href="stuff.php" title="fees">fees</a>
<a href="stuff.php" title="pro shop">pro shop</a>
<a href="stuff.php" title="publications">publications</a>
<a href="stuff.php" title="gallery">gallery</a>
</div>
</div>
<div id="footer">
<p>TAO OF PEACE : 5403 Crowchild Trail NW : Calgary, Alberta : T3B 4Z1 :
403.288.0000<br /><a href="stuff.php" title="About Us">About Us</a>
&nbsp;:&nbsp;<a href="stuff.php" title="Contact Us">Contact
Us</a>&nbsp;:&nbsp;created by <a href="http://www.otima.ca/">Otima</a></p>
</div>w
</div>
</body>
</html>

....is it better form to post a link to the CSS or can you pull it from my
code at the top of the page???? thx in advance for your help!

Cheers,

Ian
 
N

Neredbojias

The http://www.taoofpeace.com/test/index.php home page displays
correctly on my page regardless if I view it with IE or a Mozilla
browser on either my laptop or my desktop (1024 x 768). When I viewed
this same page on my client's LCD monitor the left navigation appears
on the top of the page until I do a manual refresh ... then it goes
where it should.
Click to expand...

I get the same prob on my desktop IE (XP Sp2 1280x1024 Win) and my computer
speed is 3.8 gig (but I'm on dialup.) Your page validates, kudos, but
gives a nasty horizontal scrollbar in Firefox (though not IE). The only
thing I can say is some redesign is necessary. You _could_ try including
the css in the page itself (which is what I'd test,) but probably a shot in
the dark.
I don't want to do this page with tables (yuk!) but would appreciate
any suggestions on another way to "Style" this page so the navigation
appears where it should ... every time.
Click to expand...

I doubt if tables are the real answer.
 
I

Ian Rutgers

Neredbojias said:
I get the same prob on my desktop IE (XP Sp2 1280x1024 Win) and my
computer
speed is 3.8 gig (but I'm on dialup.) Your page validates, kudos, but
gives a nasty horizontal scrollbar in Firefox (though not IE). The only
thing I can say is some redesign is necessary. You _could_ try including
the css in the page itself (which is what I'd test,) but probably a shot
in
the dark.
Click to expand...
do you mean you would like to me to paste the css on this post?

I doubt if tables are the real answer.
Click to expand...
....
 
B

BootNic

Ian Rutgers said:
The http://www.taoofpeace.com/test/index.php home page displays
correctly on my page regardless if I view it with IE or a Mozilla
browser on either my laptop or my desktop (1024 x 768). When I
viewed this same page on my client's LCD monitor the left
navigation appears on the top of the page until I do a manual
refresh ... then it goes where it should.

I don't want to do this page with tables (yuk!) but would
appreciate any suggestions on another way to "Style" this page so
the navigation appears where it should ... every time.

....here is the home page code
Click to expand...
[snip]

I can't reproduce your problem, but if you would like to fix that nasty bottom
scrollbar.

change:
#largeLogo{
position:relative;
top:0px;
left:500px;
z-index:2;
}

to

#largeLogo img{
position:relative;
top:0px;
left:500px;
z-index:2;
}
 
N

Neredbojias

do you mean you would like to me to paste the css on this post?
Click to expand...

No, I mean put it in the <head> section of the page itself. Maybe time-
loading plays a part?
 
I

Ian Rutgers

[snip]

I can't reproduce your problem, but if you would like to fix that nasty
bottom
scrollbar.

change:
#largeLogo{
position:relative;
top:0px;
left:500px;
z-index:2;
}

to

#largeLogo img{
position:relative;
top:0px;
left:500px;
z-index:2;
}

thank you....made the change ... does that fix the bottom logo issue?
 
I

Ian Rutgers

Neredbojias said:
No, I mean put it in the <head> section of the page itself. Maybe time-
loading plays a part?
Click to expand...

interesting that after changing the LargeLogo div to LargeLogo img I can now
reproduce the issue ....
 
B

BootNic

Ian Rutgers said:
[snip]
I can't reproduce your problem, but if you would like to fix that
nasty bottom
scrollbar.
Click to expand...

[snip]


thank you....made the change ... does that fix the bottom logo
issue?
Click to expand...

I have no ideal, I was not able to reproduce the problem, but it does take care
of that bottom scroll bar.

--
BootNic Tuesday, May 30, 2006 9:08 PM

"I've noticed that the press tends to be quite accurate, except when
they're writing on a subject I know something about."
*Keith F. Lynch*
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

HCaptcha - How to stop page from refreshing on submit if captcha is not checked/validated 1
Help with code 0
Help with my responsive home page 2
Border attribute not working 1
Is there a trick for clear:left not to affect parent divs 6
Is there a better way then iframe? 3
menu bar and banner responsive issues....any guidance is appreciated! 0
What is causing the overlap? 1

Members online

No members online now.
Total: 24 (members: 0, guests: 24)
Robots: 492

Forum statistics

Threads
473,769
Messages
2,569,581
Members
45,055
Latest member
SlimSparkKetoACVReview

Latest Threads

Top