/    Sign up×
Community /Pin to ProfileBookmark

Alignment problem HELP!

Copy linkTweet thisAlerts:
Jun 01.2008

Hi guys, first post and what a great resource the forum is. Been lurking around for a while now but recently hit a problem so thought id ask for advice here.

I’m having problems with the alignment/display of a box on a website i am creating for a friend. It views fine in IE but not in firefox or safari. If i change the height of the #rightimg div to 452 it views fine in Firefox but not IE anymore.

I’v uploaded the page [URL=”http://www.karlroddis.f2s.com”]here[/URL]

Any help or advice would be great

Thanks

to post a comment
CSS

8 Comments(s) ↴

Copy linkTweet thisAlerts:
@CentauriJun 01.2008 — Give the div a width and float it to the right :[CODE]#apDiv1 #rightimg {
background-image: url(assets/side.jpg);
background-repeat: no-repeat;
background-position: right center;
height: 447px;
[COLOR="Red"]width: 301px;
float: right;[/COLOR]
}[/CODE]
Copy linkTweet thisAlerts:
@rodd1000authorJun 01.2008 — Thankyou very much for your help, although i cant preview it in IE here at home, it worked at treat in Firefox and Safari

Is there anyway i can get hold of IE for Mac or maybe a plugin for firefox that would allow me to run IE on a MaC, What do other web designers do in this situation?

Many thanks again.
Copy linkTweet thisAlerts:
@WebJoelJun 01.2008 — ....or maybe a plugin for firefox that would allow me to run IE on a MaC, What do other web designers do in this situation?[/quote] Go to the Mozilla site and get the Firefox extension called "IE-tab". It lets you switch the rendering engine of Firefox from Gecko ("Mozilla-mode") to Trident ("IE-mode") and you get to see the page being tested in the way IE view things. VERY, VERY useful tool this one! ?
Copy linkTweet thisAlerts:
@rodd1000authorJun 01.2008 — Hi mate, it says IE-tab is not available for Mac OSX

Could someone check the site again to make sure it is OK in IE for me.

www.karlroddis.f2s.com

Thanks.
Copy linkTweet thisAlerts:
@CentauriJun 01.2008 — There are a couple of gaps in IE6, which these additions will take care of :[CODE]#apDiv1 #navbar {
background-image: url(assets/navbar.jpg);
height: 31px;
font-family: Arial, Helvetica, sans-serif;
[COLOR="Red"]overflow: hidden;[/COLOR]
}

[COLOR="Red"]#header img {
display: block;
}[/COLOR][/CODE]
Copy linkTweet thisAlerts:
@WebJoelJun 01.2008 — No IE-tab for FX/Mac? GRR!! :mad:

Anyway, IE-tab for Firefox/pc shows just a small discrepancy in the bottom orange bar, just in front of the car's bumper (image attached)

Else, in Firefox, everything looks exactly the same. ?

[upl-file uuid=c20dddb2-d064-43ef-8bef-d45544ecd185 size=20kB]ScreenHunter_1.gif[/upl-file]
Copy linkTweet thisAlerts:
@CentauriJun 01.2008 — shows just a small discrepancy in the bottom orange bar, just in front of the car's bumper [/QUOTE] which is fixed with the header image style change noted above.
Copy linkTweet thisAlerts:
@rodd1000authorJun 01.2008 — Centauri you are a star. Thankyou very much for your help.

All seems fine now.(i think lol)

Thanks again.
×

Success!

Help @rodd1000 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 4.29,
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: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

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