Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

HTML Forum


You are currently viewing our HTML Forum as a guest. Please register to participate.
Login



Post a Project »

Find a Professional HTML Freelancer!

Find a Freelancer to help you with your HTML projects

FREE Outsourcing eBook!

Reply
yet another IE6 problem
Old 11-07-2007, 04:07 PM yet another IE6 problem
Rusalka's Avatar
Experienced Talker

Posts: 36
Name: Greta
Location: Winchestertonfieldville
Trades: 0
http://www.spa902.com/soccer/index.php

Works beautifully in FF and IE7, but looks like someone tried to put out a forest fire with a screw driver in IE6.

I checked all the widths of the divs, and they are as they should be. So I'm not sure what's up with the camp section being wider than the others, or why the whole body has shift to the left.

Then of course there's the main menu. I didn't want to set sizes because we want the buttons to be flexible.

Any insight into these problems would be a big help.
Rusalka is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 11-10-2007, 03:54 PM Re: yet another IE6 problem
Average Talker

Posts: 19
Name: jeff
Trades: 0
The page shifts to the left because for IE6 you have to include another tag to center it.

body {
text-align: center;
}
__________________

Please login or register to view this content. Registration is FREE

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE
iadvantage is offline
Reply With Quote
View Public Profile
 
Old 11-10-2007, 04:55 PM Re: yet another IE6 problem
ADAM Web Design's Avatar
Canadastaninianite

Posts: 5,935
Name: Adam for web page design, not program
Location: Toronto, Ontario, Canada
Trades: 0
No he doesn't. The centering trick you're talking about only applies to the wrapper div itself, and it's for IE 5.5 and below.

I'm honestly surprised this works in any browser. In this case, it's not IE's fault (totally). It's at least partly due to invalid code.

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.spa902.com%2Fsoccer%2F& charset=%28detect+automatically%29&doctype=Inline& group=0

If you want to be specific with the width of a form field, define it in CSS (e.g. style="width: 250px;">).

Next on the agenda, your forms. Apply this to your CSS file (it works across all browsers):
Code:
form {
     margin: 0;
     padding: 0;
}
Some people use display: inline; but I find this works consistently whereas display: inline doesn't.

Setting a fixed font size: bad mojo. That only works in IE, and most browsers will ignore it and let users resize to their hearts' content anyway. If your design doesn't allow for that (and this one appears not to), you're in for trouble.

As far as your menu goes, I've got an answer for it on my blog if you want to lift the code (it's my footer and header menu code). Simply put, use an unordered list and go from there. Code's much cleaner that way.

IE6 is likely reacting to this for your camp position div:
Code:
.camp_position {
 width: 950px;
 padding-left: 24px;
 }
950 + 24 = wider than your wrapper div by 24 pixels. Take the padding-left out of it. Doesn't look like it even plays in.

Fix that stuff up and see how close it gets you.
__________________

Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
(my blog)


Please login or register to view this content. Registration is FREE
(with proof)
ADAM Web Design is offline
Reply With Quote
View Public Profile Visit ADAM Web Design's homepage!
 
Reply     « Reply to yet another IE6 problem
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

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





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.44129 seconds with 12 queries