War Room

Go Back   WarriorForum - Internet Marketing Forums > Warrior Support Forums > Website Design

Featured Warrior Special Offer...
"Members Of The *War Room* Discover Secrets To Immediate Success!"
Reply
 
LinkBack Thread Tools
Old 12-20-2008, 11:24 AM   #1
HyperActive Warrior
 
JamesFrancisIM's Avatar
 
Join Date: Dec 2008
Location: West Midlands, UK.
Posts: 249
Blog Entries: 13
Thanks: 45
Thanked 32 Times in 21 Posts
Social Networking View Member's Myspace Profile  View Member's Twitter Profile  View Member's YouTube Profile
Contact Info
Send a message via Skype™ to JamesFrancisIM
Default IE/FF Absolute Positioning Problem

Hi,

I've just done a basic mock-up for my "coming soon" index page, but I'm having a few cross-browser problems.

On the opt-in form it looks perfectly fine with Internet Explorer, but on Firefox and probably other browsers, the flashing cursor is lower than where I positioned it in IE, and i'm a perfectionist so I need it sorted .

I've looked all over the net and done everything mentioned to no avail, including setting margin:"0px" and padding:"0px".

I'd post the HTML and CSS codes directly on here but WarriorForum wont let me post URLs until my post count reaches 15

HTML can be obtained from visiting www dot InternetMarketingProfitMachine dot com, right clicking the page, then selecting "view source".

CSS can be obtained at www dot InternetMarketingProfitMachine dot com forward slash style dot css

Any help?

Thanks in advance

James.

[New Free Video]

"The Ultimate Newbie's Guide To Internet Marketing"

JamesFrancisIM is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old 12-21-2008, 06:38 AM   #2
Web Developer, IT Support
War Room Member
 
n7 Studios's Avatar
 
Join Date: Dec 2008
Location: Birmingham, UK
Posts: 291
Thanks: 7
Thanked 38 Times in 36 Posts
Social Networking View Member's FaceBook Profile  View Member's Twitter Profile 
Contact Info
Send a message via Skype™ to n7 Studios
Default Re: IE/FF Absolute Positioning Problem

Hi James,

Are you sure it looks fine in IE and Firefox? I've just looked at your site in IE6, IE7 and Firefox 3 - and the opt-in form on all three have their text input elements way to the left of where they should be.

When it comes down to positioning issues across multiple browsers, it's worth reading up on how IE uses the "box model" - IE6 certainly interprets its margins and paddings differently to IE6, Firefox and general WebKit browsers.

Your solutions are to either code something aimed at IE6 first - the chances are there'll be few, if any, tweaks to then make in IE7 and Firefox - or to use a conditional stylesheet for IE6, to accomodate for the differences in margins, paddings and general layout.

It's a tough one - over time, you'll get better at it and soon code semantic markup and CSS which will 95% work in IE6 out of the box.

I'd also avoid using a background image with what look like text input fields for your opt-in form. You can style text inputs quite nicely these days using other techniques, which I'd recommend.

Best of luck.
n7 Studios is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
The Following User Says Thank You to n7 Studios For This Useful Post:
Old 12-22-2008, 12:47 PM   #3
HyperActive Warrior
 
JamesFrancisIM's Avatar
 
Join Date: Dec 2008
Location: West Midlands, UK.
Posts: 249
Blog Entries: 13
Thanks: 45
Thanked 32 Times in 21 Posts
Social Networking View Member's Myspace Profile  View Member's Twitter Profile  View Member's YouTube Profile
Contact Info
Send a message via Skype™ to JamesFrancisIM
Default Re: IE/FF Absolute Positioning Problem

Thanks, i'll try that and rework it


James.

[New Free Video]

"The Ultimate Newbie's Guide To Internet Marketing"

JamesFrancisIM is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Reply

  WarriorForum - Internet Marketing Forums > Warrior Support Forums > Website Design

Tags
absolute, ie or ff, positioning, problem

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off



All times are GMT -6. The time now is 05:26 PM.