Old 28-03-2007, 17:09   1 links from elsewhere to this Post. Click to view. #1 (permalink)
peterbarbosa
Registered User
 
Join Date: Mar 2007
Location: Ontario, Canada
Posts: 25
Weird problem.

Well, I have a website in which I am still working on (www[dot]watcherworks[dot]com), and as you can see, the footer is adjust properly, fully stretched (how I want it).

Now if I use the exact same footer, and adjust the boxes to do another page, the footer doesn't fully stretch. (www[dot]watcherworks[dot]com/sign[dot]php). I am using the same linked footer file for both of them.

Any ideas?
  Reply With Quote
Old 28-03-2007, 17:28   #2 (permalink)
datahound
Spare Parts
 
datahound's Avatar
 
Join Date: Jan 2005
Location: Bracknell Forest
Posts: 4,717
These are different

<div class="box_bottom">
<span><a href="#">Gallery</a></span>
</div>
</div> <-------- EXTRA /DIV HERE
<div class="footer">



<div class="box_bottom"></div>
<div class="footer">

Try fixing that.
__________________
  Reply With Quote
Old 28-03-2007, 17:29   #3 (permalink)
digipaint
My Brand New Computer!
 
digipaint's Avatar
 
Join Date: Mar 2007
Location: London
Posts: 240
You will have to post your code, Are you using the same style sheet? ..
  Reply With Quote
Old 28-03-2007, 17:42   #4 (permalink)
peterbarbosa
Registered User
 
Join Date: Mar 2007
Location: Ontario, Canada
Posts: 25
Perfect! It's Fixed, Thanks. How about this... on watcherworks[dot]com I have those images being links, and they have the blue border around them. How do I get rid of that?

I know its something simple, and stupid, but this CSS stuff is all new.

Last edited by peterbarbosa : 29-03-2007 at 09:16.
  Reply With Quote
Old 28-03-2007, 17:54   #5 (permalink)
wolve
Web Designer
 
Join Date: Mar 2007
Location: Yorkshire
Posts: 41
Just add this into your css:
Code:
img {border: 0px;}
  Reply With Quote
Old 28-03-2007, 21:56   #6 (permalink)
peterbarbosa
Registered User
 
Join Date: Mar 2007
Location: Ontario, Canada
Posts: 25
Thanks! Now that, thats fixed.. last thing is last.. On IE6, I am having problems with that "Gallery" text. If I am running 1024x768 or lower, it get shifted to the wrong side. On Firefox it looks fine and stays to the bottom right corner.

Solutions anyone?

Last edited by peterbarbosa : 29-03-2007 at 09:15.
  Reply With Quote
Old 29-03-2007, 03:44   #7 (permalink)
datahound
Spare Parts
 
datahound's Avatar
 
Join Date: Jan 2005
Location: Bracknell Forest
Posts: 4,717
A thankyou is customary.
__________________
  Reply With Quote
Old 29-03-2007, 06:14   #8 (permalink)
wolve
Web Designer
 
Join Date: Mar 2007
Location: Yorkshire
Posts: 41
Quote:
Originally Posted by peterbarbosa
Now that, thats fixed.. last thing is last.. On IE6, I am having problems with that "Gallery" text. If I am running 1024x768 or lower, it get shifted to the wrong side. On Firefox it looks fine and stays to the bottom right corner.

Solutions anyone?

I have already answered this question here!

Don't you read the threads you started?
  Reply With Quote
Old 29-03-2007, 08:20   #9 (permalink)
peterbarbosa
Registered User
 
Join Date: Mar 2007
Location: Ontario, Canada
Posts: 25
Yeah, that fixes the problem, the now it isn't in the bottom right corner.

Last edited by peterbarbosa : 29-03-2007 at 09:16.
  Reply With Quote
Old 29-03-2007, 14:49   #10 (permalink)
wolve
Web Designer
 
Join Date: Mar 2007
Location: Yorkshire
Posts: 41
Try declaring .box_middle as position: relative; and then you could position: absolute; the gallery link into the bottom right.
  Reply With Quote
Old 29-03-2007, 15:57   #11 (permalink)
peterbarbosa
Registered User
 
Join Date: Mar 2007
Location: Ontario, Canada
Posts: 25
the gallery text now dissappeared :-)

any other solutions? heh.
  Reply With Quote
Old 29-03-2007, 18:01   #12 (permalink)
wolve
Web Designer
 
Join Date: Mar 2007
Location: Yorkshire
Posts: 41
Quote:
Originally Posted by peterbarbosa
the gallery text now dissappeared :-)

any other solutions? heh.

I explained it to you, but I suppose I'll have to actually give you the code. Replace your code:
Code:
.box_middle span { float: right; position: absolute; }

with what I told you to write:
Code:
.box_middle span { position: absolute; right: 0px; bottom: 0px; }
  Reply With Quote
Old 29-03-2007, 18:10   #13 (permalink)
peterbarbosa
Registered User
 
Join Date: Mar 2007
Location: Ontario, Canada
Posts: 25
again, still not working with IE6.

Working with FF, and IE7 though :-)
  Reply With Quote
Old 29-03-2007, 18:44   #14 (permalink)
wolve
Web Designer
 
Join Date: Mar 2007
Location: Yorkshire
Posts: 41
Quote:
Originally Posted by peterbarbosa
again, still not working with IE6.

Working with FF, and IE7 though :-)

Looks like .box_sub2 is pushing it out of sight in IE6 because in the Marine Wood box it's working perfectly. You could add different background colours to the divs and find out exactly where IE6 is rendering them. Then correct any changes that are highlighted between the browsers.

If you want more support you'll have to talk to someone else on the forum because I've got quite a lot of work on at the moment.
  Reply With Quote
Reply


LinkBacks (?)
LinkBack to this Thread: http://www.designerstalk.com/forums/web-standards/24877-weird-problem.html
Posted By For Type Date
web design forums for designers to website design This thread Refback 30-03-2007 13:26

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools Search this Thread
Search this Thread:

Advanced Search


Contact Us - Web Design Forums - Archive - Top
Search Engine Optimization by vBSEO 3.0.0 RC8