...

View Full Version : Website Help [Alignment]



Merchaholic
11-10-2010, 09:32 AM
ok, so I just did this site (www.Merchaholic.ca) and I put my twitter feed in a box at the top right... it seems fine in Google Chrome, IE and Safari but is just a bit out of the box in FireFox. Is there an easy fix for this?

Also IE puts all my navigation links content to the left of the page for some reason.
The other browsers have it centered like I wanted it.

Merchaholic
11-10-2010, 07:25 PM
:thumbsup:

teedoff
11-10-2010, 07:45 PM
Did you try to use a float on the "twitter" image instead of position:relative. Then set a left margin instead.

Merchaholic
11-10-2010, 08:33 PM
No I didn't, I was trying to set a left margin but It didn't work so I'm sure I was putting the code in wrong. Just weird how it lines up fine in the other browsers. I use FireFox all the time but was checking the site in Chrome when I was putting it together. I just don't want to do something that lines it up in FireFox but then throws it off in the rest. Crazy cycle lol!


<script src="http://widgets.twimg.com/j/2/widget.js"></script>

<br><br>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 6000,
width: 394,
height: 161,
theme: {
shell: {
background: 'none',
color: '#a89f9d'
},
tweets: {
background: 'none',
color: '#ffffff',
links: '#ff2600'
}
},
features: {
scrollbar: true,
loop: false,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'all'
}
}).render().setUser('Merchaholic').start();
</script>

Merchaholic
11-11-2010, 01:48 PM
Who knows.

abduraooft
11-11-2010, 02:08 PM
Set margin:0 auto; to .twtr-doc

PS: Why do you use a frameset (http://www.yourhtmlsource.com/frames/goodorbad.html)?

phpdeveloper
11-11-2010, 04:17 PM
add css for "twtr-doc" class or modified its already exists

.twtr-doc{
float:right;
padding-right:27px;
}



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum