/    Sign up×
Community /Pin to ProfileBookmark

Some text not in the right place

[url]http://www.joenetwork.de/index.htm[/url] in Internet Explorer looks great.
[url]http://www.joenetwork.de/index.htm[/url] in Firefox, looks similiar but the link “See all items” of the top right div is way to the left.

Can anyone help me fix this? ?

to post a comment
CSS

7 Comments(s)

Copy linkTweet thisAlerts:
@ray326Jun 20.2006 — They look the same to me.
Copy linkTweet thisAlerts:
@KTspeedJun 20.2006 — They look different to me.

It appears that FireFox doesn't like it when there are nested div's. When the cgi file prints out the marquee text it also prints out a div inside of the marquee. When that happens it seems to end both div's at the first </div> insteading of only ending one of them. So if the div's that are printed out inside of the marquee were changed to span tags the problem seems to go away. So if you can change that it would a solution. Except then you seem to have another problem with the text being below the border in FireFox. FireFox seems to put an extra line break after that stuff is printed out from the cgi file. So it looks like you have 3 <br />'s when you only have 2. Kinda weird.

Hope that helped.
Copy linkTweet thisAlerts:
@ray326Jun 20.2006 — Ok I see it now. Put that link inside the RSS div that you've positioned absolutely. Right now it's out of any div and so it's postioned in the natural flow.
Copy linkTweet thisAlerts:
@Joachim_JoeauthorJun 21.2006 — ray326, the script is within the div. Could it be that the div is too small?

The line breaks were necessary to keep the text from overflowing.

Here some code

[CODE]

<div class="RSSnews">
<p class="defaultTextC"> joenetwork news
<br />
<br />

<script type="text/javascript" src="http://www.joachimheimfeld.de/cgi-bin/outputrss.cgi?id=1246032644662c398e808"></script>

<br />
<br />

<a href="javascript://" onclick="FP_openNewWindow('250', '200', false, false, true, false, true, true, 'rssnews', 'more/rssnews.htm')"> See all Items</a>

</p>
</div>

[/CODE]
Copy linkTweet thisAlerts:
@ray326Jun 22.2006 — No, it doesn't seem to be. If I view the "generated" source in Fx I see
[code=html]
<div class="RSSnews">
<p class="defaultTextC"><b>joenetwork news</b>
<br>
<br>
<script type="text/javascript" src="http://www.joachimheimfeld.de/cgi-bin/outputrss.cgi?id=1246032644662c398e808"></script></p><marquee scrollamount="2" scrolldelay="30" style="background: rgb(0, 0, 0) none repeat scroll 0%; width: 99px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" font-family:verdana="" arial="" helvetica="" sans-serif;font-size:10px;color:#ffffff=""><a href="http://www.joenetwork.de/radio/" target="_blank" style="color: rgb(255, 255, 255);">Redefining joenetwork radio: The 25% Radio</a> &nbsp; + + + &nbsp; <a href="http://www.joenetwork.de/radio/index2.htm" target="_blank" style="color: rgb(255, 255, 255);">joenetwork radio talks to WWF</a> &nbsp; + + + &nbsp; <a href="http://www.joenetwork.de/blog/galleries/runrunrun/" target="_blank" style="color: rgb(255, 255, 255);">Bern Runs Today (Grand Prix von Bern)</a></marquee></div>

<br>
<br>
<a href="javascript://" onclick="FP_openNewWindow('250', '200', false, false, true, false, true, true, 'rssnews', 'more/rssnews.htm')">
See all Items</a> [/code]

Also that href="javascript://" is pretty funky and probably should be "#" with a return false appended to the onclick value.
Copy linkTweet thisAlerts:
@Joachim_JoeauthorJun 22.2006 — I see now! So, the .cgi script creates it's own div. I will remove the div then. The problem I have is, that I can't edit that script. It's a hosted script from my host.
Copy linkTweet thisAlerts:
@Joachim_JoeauthorJun 22.2006 — [code=html]´

<span class="RSSnews">
<b>joenetwork news</b>
<br />
<br />
<script type="text/javascript" src="http://www.joachimheimfeld.de/cgi-bin/outputrss.cgi?id=1246032644662c398e808"></script>
<br />
<a href="javascript://" onclick="FP_openNewWindow('250', '200', false, false, true, false, true, true, 'rssnews', 'more/rssnews.htm')">See all Items</a>
</span>
[/code]


Hi Jay, I used span and a reference to the CSS. It works! Now it looks much better. Could you see if you get the same results? The spacing looks better in firefox now and more squashed in IE. Any tips how to make it look the same in both?

When I use an extra <br /> the text will go over the border in the firefox, but it will look better in IE. So it's back and forth but at least the text is not at top left, as it was when I was using the <divs>!!
×

Success!

Help @Joachim_Joe 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 6.2,
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: @meenaratha,
tipped: article
amount: 1000 SATS,

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

tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,
)...