Form area running 100% in IE

dwdallam

Joined: 2006-11-19
Posts: 373

Posted: Wed, 2008-07-30 08:36

I have a problem with the form area on log in. In Firefox, it's ok, but in IE the area color runs 100% across the browser horizontally. I changed the color of the areas way back, and that may be it--the area color is different from teh background, which shows on IE. You'll see what I mean when you see the problem here:

http://dwdallam.com/albums/main.php?g2_view=password.PasswordEntry&g2_itemId=2069

Remember to use IE, since FF is ok.

What do I need to do to fix that? If the easiest thing is to simply change the form area color in CSS, please point me to the correct CSS entry. That will save me a lot of time.

Thanks much again.

Gallery version = 2.2.4 core 1.2.0.6
PHP version = 4.4.8 cgi
Webserver = Apache/2.2.9 (Unix) mod_ssl/2.2.9 OpenSSL/0.9.8g DAV/2 mod_auth_passthrough/2.1 mod_bwlimited/1.4 FrontPage/5.0.2.2635
Database = mysqlt 5.0.45-community-log, lock.system=flock
Toolkits = ArchiveUpload, Getid3, NetPBM, ImageMagick, SquareThumb, Thumbnail, Gd, LinkItemToolkit
Acceleration = none, none
Operating system = Linux host17.hostmonster.com 2.6.22-19_1.BHsmp #1 SMP Thu May 22 08:08:32 MDT 2008 x86_64
Default theme = matrix
gettext = enabled
Locale = en_US
Browser = Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1
Rows in GalleryAccessMap table = 580
Rows in GalleryAccessSubscriberMap table = 564
Rows in GalleryUser table = 2
Rows in GalleryItem table = 559
Rows in GalleryAlbumItem table = 27
Rows in GalleryCacheMap table = 0

floridave

Joined: 2003-12-22
Posts: 23886

Posted: Wed, 2008-07-30 13:51

I have seen this behavior before and there is a thread in the forums for it. I don't have time to seach right now but it IS here some place.
Let me know and I will have look later if you can't find it.

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team

floridave

Joined: 2003-12-22
Posts: 23886

Posted: Wed, 2008-07-30 13:52

As far as I recall it is a css thing.

dwdallam

Joined: 2006-11-19
Posts: 373

Posted: Sat, 2008-08-02 08:00

I think it is too from back in my website design days. I use to get his when doing link sets. I forgot how to fix it, but I think it's in setting the background field to a static width, the width of the field, or setting it to a %age OF the field. I can't remember.

floridave

Joined: 2003-12-22
Posts: 23886

Posted: Sat, 2008-08-02 23:05

In color.css

#gallery INPUT {
	BACKGROUND-COLOR: #a0a0a0! important
	width: 150px;
}

Seems to fix IE a bit. It still shows a extra submit button but I will let you find out how to get rid of that.

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team

dwdallam

Joined: 2006-11-19
Posts: 373

Posted: Sun, 2008-08-03 07:16

Dave,

I don't see two submit buttons. Shoot me the link so I can see it too. Are these G2 theme bugs, or a result of my customization? Once I get my online presence marketed, if I get around to it, I may have you set up a completely different, but similar G2 for me with a full online way for people to buy my images using credit card etc. Right now it's like an online portfolio.

Thinking again about the link sets, yes, that what I had to do. Set the background, but not like that. I think you have to set it to 100% but RELATIVE not absolute, or something like that. Crap, let me take a look and I'll post it so you can maybe figure out how to extend my fix to the form field background.

Ok I had two different linksets in the same css sheet, and the first one was allowing the same thing to happen as is happening here at 100% of the page. I hope this makes sense. It's been years since I built this sit below, and I don't even have access to it anymore. I just did a direct link to the css. As you can see, the fix I think is in "block":

td a:link {
text-decoration: none;
width: 100%;
color: #FFFFFF;
font-weight: bold;
display: block;
}
td a:visited {
text-decoration: none;
color: #FFFFFF;
font-weight: bold;
display: block;
}
td a:hover {
text-decoration: none;
background-color: #FF6633;
width: 100%;
color: #000000;
font-weight: bold;
display: block;
}
a.other:link {
color: #FFFFFF;
text-decoration: none;
display: inline;
}
a.other:visited {
color: #FFFFFF;
text-decoration: none;
display: inline;
}
a.other:hover {
color: #000000;
font-weight: bold;
display: inline;
background-color: #CD3301;

dwdallam

Joined: 2006-11-19
Posts: 373

Posted: Sun, 2008-08-03 09:30

Oh I see what you mean. after changing the css to 150 you get two submit buttons, one is a ghost. That's strange, but leaves me to believe that the 150px fix is causing more problems than it fixed. I can't even get IE to show any images in G2 now. I've cleared the cache and all history. Also, it's showing a half vertical line to the left of the word ALBUMS here:
http://www.dwdallam.com/albums/main.php

Either IE is really stupid, or the theme is really screwed up.

floridave

Joined: 2003-12-22
Posts: 23886

Posted: Sun, 2008-08-03 16:39

http://dwdallam.com/albums/main.php works
http://www.dwdallam.com/albums/main.php shows no images
so it is this:
FAQ: Thumbnails / resized images don't appear but if i use www in front of my url it works. Full sized images are fine. How to fix?

Quote:

Ok I had two different linksets in the same css sheet, and the first one was allowing the same thing to happen as is happening here at 100% of the page. I hope this makes sense.

Does that mean you fixed it?
If not....
As for the the 100% width of the form element, it does not do it on a stock theme with the black colorpack, so I suspect it is either your customizations or the environment. Sorry can't help much in this regard.
I would suggest taking the source of page that has the issue. Then edit it, removing all the stuff around that is not necessary. Making a very simple page with the form eliments/table and css and post in a HTML/css forum. I am no HTML/css expert and rely on FF and the dev tool to get me through. It does not help with IE.

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team

dwdallam

Joined: 2006-11-19
Posts: 373

Posted: Mon, 2008-08-04 08:45

I changed it back to it's stock way. Maybe if we changed the background of the field to black? You see I think I changed the background to gray because the text for the text field is black. I wonder if I could just change the background of the input field to black and the text to white w/o screwing up the other elements--after the text is now changed to white?

I see what you mean by the http// vs wwww.

I did what it said to do but I still can't get it to work. I must have screwed something up. www or http does not work now. Damn.

OK I got it. Really strange. I activated the module then set it up using
http://dwdallam.com
http://www.dwdallam.com
dwdallam.com
www.dwdallam.com

It would not show ANY images after that. Then I figured the module needed to just write the the server and teh server would save that information. So I deactivated the module and now it all works like it should, I think. Does it work on your end?

floridave

Joined: 2003-12-22
Posts: 23886

Posted: Mon, 2008-08-04 14:43

Quote:

Maybe if we changed the background of the field to black?

Try and see

Quote:

after the text is now changed to white?

Does it work?

Quote:

Does it work on your end?

Yes it does.

Dave

_____________________________________________
Blog & G2 || floridave - Gallery Team

dwdallam

Joined: 2006-11-19
Posts: 373

Posted: Thu, 2008-08-28 09:43

Changing the background of the text area won't work because of the border on the text area. Is tehre anyway you could upload the original css for the "black" colorpack for the Matrix theme. I wanna start over and didn't make a copy. I have a feeling that the problem will persist in IE even after I upload the original css file. I have another problem wiht IE I jsut discovered also, but I'll post another thread for that right after this. Thanks Dave.

dwdallam Joined: 2006-11-19 Posts: 373	Posted: Wed, 2008-07-30 08:36
	I have a problem with the form area on log in. In Firefox, it's ok, but in IE the area color runs 100% across the browser horizontally. I changed the color of the areas way back, and that may be it--the area color is different from teh background, which shows on IE. You'll see what I mean when you see the problem here: http://dwdallam.com/albums/main.php?g2_view=password.PasswordEntry&g2_itemId=2069 Remember to use IE, since FF is ok. What do I need to do to fix that? If the easiest thing is to simply change the form area color in CSS, please point me to the correct CSS entry. That will save me a lot of time. Thanks much again. Gallery version = 2.2.4 core 1.2.0.6 PHP version = 4.4.8 cgi Webserver = Apache/2.2.9 (Unix) mod_ssl/2.2.9 OpenSSL/0.9.8g DAV/2 mod_auth_passthrough/2.1 mod_bwlimited/1.4 FrontPage/5.0.2.2635 Database = mysqlt 5.0.45-community-log, lock.system=flock Toolkits = ArchiveUpload, Getid3, NetPBM, ImageMagick, SquareThumb, Thumbnail, Gd, LinkItemToolkit Acceleration = none, none Operating system = Linux host17.hostmonster.com 2.6.22-19_1.BHsmp #1 SMP Thu May 22 08:08:32 MDT 2008 x86_64 Default theme = matrix gettext = enabled Locale = en_US Browser = Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1 Rows in GalleryAccessMap table = 580 Rows in GalleryAccessSubscriberMap table = 564 Rows in GalleryUser table = 2 Rows in GalleryItem table = 559 Rows in GalleryAlbumItem table = 27 Rows in GalleryCacheMap table = 0
	XUser login Username: * Password: * Create new account Request new password
floridave Joined: 2003-12-22 Posts: 23886	Posted: Wed, 2008-07-30 13:51
	I have seen this behavior before and there is a thread in the forums for it. I don't have time to seach right now but it IS here some place. Let me know and I will have look later if you can't find it. Dave _____________________________________________ Blog & G2 \|\| floridave - Gallery Team

floridave Joined: 2003-12-22 Posts: 23886	Posted: Wed, 2008-07-30 13:52
	As far as I recall it is a css thing.

dwdallam Joined: 2006-11-19 Posts: 373	Posted: Sat, 2008-08-02 08:00
	I think it is too from back in my website design days. I use to get his when doing link sets. I forgot how to fix it, but I think it's in setting the background field to a static width, the width of the field, or setting it to a %age OF the field. I can't remember.

floridave Joined: 2003-12-22 Posts: 23886	Posted: Sat, 2008-08-02 23:05
	In color.css #gallery INPUT { BACKGROUND-COLOR: #a0a0a0! important width: 150px; } Seems to fix IE a bit. It still shows a extra submit button but I will let you find out how to get rid of that. Dave _____________________________________________ Blog & G2 \|\| floridave - Gallery Team

dwdallam Joined: 2006-11-19 Posts: 373	Posted: Sun, 2008-08-03 07:16
	Dave, I don't see two submit buttons. Shoot me the link so I can see it too. Are these G2 theme bugs, or a result of my customization? Once I get my online presence marketed, if I get around to it, I may have you set up a completely different, but similar G2 for me with a full online way for people to buy my images using credit card etc. Right now it's like an online portfolio. Thinking again about the link sets, yes, that what I had to do. Set the background, but not like that. I think you have to set it to 100% but RELATIVE not absolute, or something like that. Crap, let me take a look and I'll post it so you can maybe figure out how to extend my fix to the form field background. Ok I had two different linksets in the same css sheet, and the first one was allowing the same thing to happen as is happening here at 100% of the page. I hope this makes sense. It's been years since I built this sit below, and I don't even have access to it anymore. I just did a direct link to the css. As you can see, the fix I think is in "block": td a:link { text-decoration: none; width: 100%; color: #FFFFFF; font-weight: bold; display: block; } td a:visited { text-decoration: none; color: #FFFFFF; font-weight: bold; display: block; } td a:hover { text-decoration: none; background-color: #FF6633; width: 100%; color: #000000; font-weight: bold; display: block; } a.other:link { color: #FFFFFF; text-decoration: none; display: inline; } a.other:visited { color: #FFFFFF; text-decoration: none; display: inline; } a.other:hover { color: #000000; font-weight: bold; display: inline; background-color: #CD3301;

dwdallam Joined: 2006-11-19 Posts: 373	Posted: Sun, 2008-08-03 09:30
	Oh I see what you mean. after changing the css to 150 you get two submit buttons, one is a ghost. That's strange, but leaves me to believe that the 150px fix is causing more problems than it fixed. I can't even get IE to show any images in G2 now. I've cleared the cache and all history. Also, it's showing a half vertical line to the left of the word ALBUMS here: http://www.dwdallam.com/albums/main.php Either IE is really stupid, or the theme is really screwed up.

floridave Joined: 2003-12-22 Posts: 23886	Posted: Sun, 2008-08-03 16:39
	http://dwdallam.com/albums/main.php works http://www.dwdallam.com/albums/main.php shows no images so it is this: FAQ: Thumbnails / resized images don't appear but if i use www in front of my url it works. Full sized images are fine. How to fix? Quote: Ok I had two different linksets in the same css sheet, and the first one was allowing the same thing to happen as is happening here at 100% of the page. I hope this makes sense. Does that mean you fixed it? If not.... As for the the 100% width of the form element, it does not do it on a stock theme with the black colorpack, so I suspect it is either your customizations or the environment. Sorry can't help much in this regard. I would suggest taking the source of page that has the issue. Then edit it, removing all the stuff around that is not necessary. Making a very simple page with the form eliments/table and css and post in a HTML/css forum. I am no HTML/css expert and rely on FF and the dev tool to get me through. It does not help with IE. Dave _____________________________________________ Blog & G2 \|\| floridave - Gallery Team

dwdallam Joined: 2006-11-19 Posts: 373	Posted: Mon, 2008-08-04 08:45
	I changed it back to it's stock way. Maybe if we changed the background of the field to black? You see I think I changed the background to gray because the text for the text field is black. I wonder if I could just change the background of the input field to black and the text to white w/o screwing up the other elements--after the text is now changed to white? I see what you mean by the http// vs wwww. I did what it said to do but I still can't get it to work. I must have screwed something up. www or http does not work now. Damn. OK I got it. Really strange. I activated the module then set it up using http://dwdallam.com http://www.dwdallam.com dwdallam.com www.dwdallam.com It would not show ANY images after that. Then I figured the module needed to just write the the server and teh server would save that information. So I deactivated the module and now it all works like it should, I think. Does it work on your end?

floridave Joined: 2003-12-22 Posts: 23886	Posted: Mon, 2008-08-04 14:43
	Quote: Maybe if we changed the background of the field to black? Try and see Quote: after the text is now changed to white? Does it work? Quote: Does it work on your end? Yes it does. Dave _____________________________________________ Blog & G2 \|\| floridave - Gallery Team

dwdallam Joined: 2006-11-19 Posts: 373	Posted: Thu, 2008-08-28 09:43
	Changing the background of the text area won't work because of the border on the text area. Is tehre anyway you could upload the original css for the "black" colorpack for the Matrix theme. I wanna start over and didn't make a copy. I have a feeling that the problem will persist in IE even after I upload the original css file. I have another problem wiht IE I jsut discovered also, but I'll post another thread for that right after this. Thanks Dave.

Form area running 100% in IE

XUser login