Responsive web design in conflict with 2 extensions

Dear Sir

I made my first responsive web design site and I have 2 problems with 2 extensions (Google maps and
Datepicker ) from webassist that I am using in this project.

I think that for the both problems the conflict resides in layout.css file wich contains the rules for media queries.

At Google maps at the Address info window you can see his shadow and it is uncomplete (the corners are missing).
In my layout.css file I have a rule :
img, object, embed, video {max-width: 100%;}
if I remove img tag (object, embed, video {max-width: 100%;}) from this rule there are no problems at google map,
I can see it perfect with shadow and corners, but my images from website will not be responsive web design.

The second probleme is with data picker.
When I load the page, on left side of the page it apears a withe band and the footer is pushed up.
If I press date picker from the form the band disappear and the footer take his normal place.
I think that the problem resides also in layout.css file.

How can I solve this problem ?

Thank You in Advance

for the date picker issue, edit the css/jquery-ui.css file, change:

.ui-helper-clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

to:
.ui-helper-clearfix:after {content: ""; display: block; height: 0; clear: both; visibility: hidden;}


I dont see a map on the page you attached, please send a link where i can see the map problem.

For "date picker" I did the change in jquery-ui.css and nothing have change. That white band still apear.

For the map problem here is the link : http://vanzari-garsoniere-bucuresti.ro/vanzare-garsoniera-bucuresti.php?zona=militari-gorjului&a=45

for the map issue, add the following CSS rule:

#wagmp_map_1 img {
max-width: none;
}


the .ui-helper-clearfix:after rue is defined in 2 places:
http://vanzari-garsoniere-bucuresti.ro/css/autocomplete.css
.ui-helper-clearfix:before,
.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse;}
.ui-helper-clearfix:after{clear:both;}

delete those 2 references. and in http://vanzari-garsoniere-bucuresti.ro/css/jquery-ui.css

that file still shows:
.ui-helper-clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

it needs to be changed to:
.ui-helper-clearfix:after {content: ""; display: none; height: 0; clear: both; visibility: hidden;}

I did wat you recommend me.

I put in autocomplete.css "#wagmp_map_1 img {max-width: none;}"
and I remove from jquery-ui.css those 2 lines and modify the other line without dot.


The problem for google maps it has been solve now,
but still remaines the problem with that white band and data picker.

You can see it here http://vanzari-garsoniere-bucuresti.ro/vanzare-garsoniera-bucuresti.php?zona=crangasi&a=48

Please help me to solve this problem to.

Thank You

when i view your css files:
http://vanzari-garsoniere-bucuresti.ro/css/autocomplete.css

http://vanzari-garsoniere-bucuresti.ro/css/jquery-ui.css


the changes are not made in those files. Double check that the upload of the changes is making it to the server.

I send you the files so you can see what change I made.
You can make the necesary changes if you please and be so kind to send me back the modified files to : officeinfocom@gmail.com

With consideration,
Cojocariu Ovidiu

it's not a matter of me making the changes for you.

It is a matter of the changes not being uploaded to the server.

There are on the server and the probleme with white band caused by data picker is still there.