The "Freeola Customer Forum" forum, which includes Retro Game Reviews, has been archived and is now read-only. You cannot post here or create a new thread or review on this forum.
Hey there. I have a problem with some CSS on: [URL]http://www.sine-wave.net/deleteme/signup.php[/URL].
If you look at it in Firefox/Moz/Decent browsers you get a great thumbs up, but in IE it's a massive thumbs down. The menu on the right is a div and the main text is also a div. When I remove absolute positioning on the main div it seems to work fine, so I think the nested divs or left-most div is causing some problems. Can anyone shed any light on this? Thanks!
IE be damned! Even my phone renders it properly heh.
EDIT: Those inputs look like they're aligned right, they're not, it's a coincidence. The label span seems to be sized 50% between the #main div, and formw span seems to be sized 50% from the whole page.
If you look at it in Firefox/Moz/Decent browsers you get a great thumbs up, but in IE it's a massive thumbs down. The menu on the right is a div and the main text is also a div. When I remove absolute positioning on the main div it seems to work fine, so I think the nested divs or left-most div is causing some problems. Can anyone shed any light on this? Thanks!
IE be damned! Even my phone renders it properly heh.
EDIT: Those inputs look like they're aligned right, they're not, it's a coincidence. The label span seems to be sized 50% between the #main div, and formw span seems to be sized 50% from the whole page.
Page:
Hey there. I have a problem with some CSS on: [URL]http://www.sine-wave.net/deleteme/signup.php[/URL].
If you look at it in Firefox/Moz/Decent browsers you get a great thumbs up, but in IE it's a massive thumbs down. The menu on the right is a div and the main text is also a div. When I remove absolute positioning on the main div it seems to work fine, so I think the nested divs or left-most div is causing some problems. Can anyone shed any light on this? Thanks!
IE be damned! Even my phone renders it properly heh.
EDIT: Those inputs look like they're aligned right, they're not, it's a coincidence. The label span seems to be sized 50% between the #main div, and formw span seems to be sized 50% from the whole page.
If you look at it in Firefox/Moz/Decent browsers you get a great thumbs up, but in IE it's a massive thumbs down. The menu on the right is a div and the main text is also a div. When I remove absolute positioning on the main div it seems to work fine, so I think the nested divs or left-most div is causing some problems. Can anyone shed any light on this? Thanks!
IE be damned! Even my phone renders it properly heh.
EDIT: Those inputs look like they're aligned right, they're not, it's a coincidence. The label span seems to be sized 50% between the #main div, and formw span seems to be sized 50% from the whole page.
I don't understand your problem exactly.
But are you having trouble with IE rendering the page with a lot of padding around the input area or something?
But are you having trouble with IE rendering the page with a lot of padding around the input area or something?
Why not have them in a span with the ID value instead, as IE often renders DIVs so that there is a
between them.
Worth a try...
between them.
Worth a try...
Coin wrote:
> Why not have them in a span with the ID value instead, as IE often
> renders DIVs so that there is a
between them.
All browsers should do this by default, as
> Why not have them in a span with the ID value instead, as IE often
> renders DIVs so that there is a
between them.
All browsers should do this by default, as
's are block level elements (unless I've misunderstood what you ment).
No, ya got me.
It's just I've had similiar problems with IE, and fixed it via ... I think it may be something about the positional attribute...
It's just I've had similiar problems with IE, and fixed it via ... I think it may be something about the positional attribute...
Rob
search google for "IE box model hack"
also look at styling forms @ A List Apart
Haven't looked into it in great detail, but may have something to do with IE's cr@p approach to inheritance and the nee for pseudo classes. CSS uses a points system to give importance to styling for example:
p.blue
is less than
#div p.blue
which is less than
#div p.blue !important
I'll have a proper look later at it.
search google for "IE box model hack"
also look at styling forms @ A List Apart
Haven't looked into it in great detail, but may have something to do with IE's cr@p approach to inheritance and the nee for pseudo classes. CSS uses a points system to give importance to styling for example:
p.blue
is less than
#div p.blue
which is less than
#div p.blue !important
I'll have a proper look later at it.
Alan the form styling is ripped straight from ALA. I've found it works with pixel values for the width and the height, but not percentages.
I'll do that google now. Cheers man.
I'll do that google now. Cheers man.
This just highlights the inescapable fact, that if you want it to look the same in every major browser, you just use tables :-)
Don't say that!
It's making me cry...
It's making me cry...
Becuase it's true? :-)
Page:
Freeola & GetDotted are rated 5 Stars
Check out some of our customer reviews below:
Excellent support service!
I have always found the support staff to provide an excellent service on every occasion I've called.
Second to none...
So far the services you provide are second to none. Keep up the good work.
It appears you are using an old browser, as such, some parts of the Freeola and Getdotted site will not work as intended. Using the latest version of your browser, or another browser such as Google Chrome, Mozilla Firefox, or Opera will provide a better, safer browsing experience for you.