/    Sign up×
Community /Pin to ProfileBookmark

[RESOLVED] Links Not Working…Why?

Hello.

Can anyone tell me why the links are working for the home page in IE and not Mozilla/Firefox?

They are coded the same ….and oddly (?), some of the links in Firefox/Mozilla have the [B]same syntax and they work[/B] – but you can’t see that because the home page links don’t work to access the other pages.

Also, can anyone tell me why on some pages I have so much space to scroll underneath the page and on others I don’t? I don’t want the scroll to appear unless it has to.

Site: [url]www.ibtestsite.info[/url]

to post a comment
CSS

6 Comments(s)

Copy linkTweet thisAlerts:
@Jeff_MottJan 23.2008 — If you use CSS to draw a border around your #firstimg DIV to see exactly where it is, then you'd see that it lays on top of the entire navigation menu, and that's what's causing the problem. The #secondimg DIV is also layered partially on top of the nav menu.
Copy linkTweet thisAlerts:
@banksworld1986authorJan 24.2008 — Okay.

I saw that. I then set the images to a specific width and height and the border ( I guess by default ) was then set to the width and height of the image.

But when I did this the border and the image were displaced. I kept the position relative and left and top properties set to 0 - and the image and the border were separate...?.. The border lined up at position 0,0, but the image was 'some' pixels to the right. Any reason for this?
Copy linkTweet thisAlerts:
@WebJoelJan 24.2008 — Okay.

I saw that. I then set the images to a specific width and height and the border ( I guess by default ) was then set to the width and height of the image.

But when I did this the border and the image were displaced. I kept the position relative and left and top properties set to 0 - and the image and the border were separate...?.. The border lined up at position 0,0, but the image was 'some' pixels to the right. Any reason for this?[/quote]
You know, -every time you do a "[B]position:relative;[/B]" with a '[U]negative[/U]' [B]margin-top:foo; [/B]you still leave an invisible 'footprint' of the actual spacial dimensions of the positioned element in the natural document flow...#firstimg {

[B]position: relative;[/B]

left: 56px;

[B]top: -203px;[/B]

}

#secondimg {

[B]position: relative;[/B]

left: 534px;

[B]top: -272px;[/B]

}

#thirdimg {

[B]position: relative; [/B]

left: 446px;

[B]top: -276px;[/B]

}

#fourthimg {

[B]position: relative; [/B]

left: 534px;

[B]top: -345px;[/B]

}[/QUOTE]
and eventually, you will end up with real-estate that is white-space and un-populatable.

"position:relative;" does not actually 'move' an element into a desired position, it merely moves the displayed offset, leaving a, well, 'footprint'...

I also see some elements (DIVs, IMGs) that have, apparently, some problems with their width, thus, creating a horizontal scrollbar on the browser. I outlined their dimensions to show their boundries: see Screenshot image.

[upl-file uuid=711149a0-a42a-4bb1-a7b1-c30d6ce831af size=34kB]ScreenHunter_1.gif[/upl-file]
Copy linkTweet thisAlerts:
@banksworld1986authorJan 24.2008 — 
"position:relative;" does not actually 'move' an element into a desired position, it merely moves the displayed offset, leaving a, well, 'footprint'...
[/QUOTE]


Aaaaahh....

so it's really best to use the float property.. especially when I have many images that appear within the flow of the document because using top:-px will only create an unnecessary scroll...right?
Copy linkTweet thisAlerts:
@WebJoelJan 24.2008 — Aaaaahh....

so it's really best to use the float property.. especially when I have many images that appear within the flow of the document because using top:-px will only create an unnecessary scroll...right?[/quote]
Not necessarily a scroll, but the default flow is vertical and 'negative positioning' doesn't change anything except the visual aspect. If the images are required to be aligned to the right, yeah, a "float:right;" would do it so long as you 'clear' the previous float before doing it again, otherwise, the objects/elements/images will form a right-to-left lineup...

If you have trouble with this, I can possibly go through and get it wrangled. I need to be a couple more cups of coffee into myself before I do anything today... ?
Copy linkTweet thisAlerts:
@banksworld1986authorJan 24.2008 — 
I need to be a couple more cups of coffee into myself before I do anything today... ?[/QUOTE]



So do I. ?


But I got it from here. Thanks..Once again..valuable info.
×

Success!

Help @banksworld1986 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.16,
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,
)...