Thank you for being a valued part of the CNET community. As of December 1, 2020, the forums are in read-only format. In early 2021, CNET Forums will no longer be available. We are grateful for the participation and advice you have provided to one another over the years.

Thanks,

CNET Support

Question

Google Web Designer beta?

Oct 29, 2013 11:58AM PDT

I have completed a 10 page website in Google's new cross platform web designer and all previews look great on web designer's preview function but overlaps forms when posted to our web site host and viewed on MS Internet explorer. Why would this be so? Is there a code fix that can be input before or after each form to eliminate their overlapping on i.e.?

Discussion is locked

- Collapse -
Answer
True.
Oct 29, 2013 12:20PM PDT

This is not a new issue. That is, web designers have for over a decade had to cater/tweak so it works in IE.

Given the rather long history, I too would why folk have put up with IE for so long.
Bob

- Collapse -
Google web designer is promoted as a cross platform html5 wy
Oct 29, 2013 3:51PM PDT

You are saying hoorah for Google and forget ie. Sorry but near 60% of all internet use is still i.e.. Cross plstform has to include googles competitors or its not cross platform and simply become another one Googles Half baked products and it wasted 40 hours of my time if there is no fix.

- Collapse -
What I'm writing.
Oct 30, 2013 2:32AM PDT

Is your topic is well worn. HOWEVER if you did use the Google product you might hit a wider audience. That is, I see Chrome on iPhone, iPad, Mobile devices, tablets, PCs and more.

There are far more mobile devices than PCs that run IE so you might have not wasted your time at all.
Bob

- Collapse -
A cross platform that doesn't include i.e. isn't!
Oct 30, 2013 9:09AM PDT

ChefLeeZ pagesbelow view fine on Google web designer previewer but overlap on i.e.. Try them on both chrome and i.e. and let me know if you agree this is not a cross platform software.

Try them from the links on the home page http://www.cookingschoolsintl.com/chefleez/indexn.htm

or directly to the page

http://www.cookingschoolsintl.com/chefleez/Reserve.htm

or http://www.cookingschoolsintl.com/chefleez/Reviews.htm

You need to know I couldn't figure out how to insert them by the program components so I pasted the forms codes into the page via the code view where I searched for key words to insert after same and moved them into position in the design view and they show up perfectly in the preview panel on chrome and over lap in i.e..

- Collapse -
Sorry but this area is well worn.
Oct 31, 2013 2:59AM PDT

The discussions about getting web code (HTML and such) that works across all browsers is legend. Yes, I hear what you want but I get the feeling you haven't been on this ride long.

That doesn't make it right but even trying to get IE to behave makes folk explode. There are folk that want the page to look just so on IE 6 to 11 and well, even that can be a monumental effort.

Not sure if I can cure the world's issues here but I can acknowledge it.
Bob

- Collapse -
The work around I've found is..
Oct 31, 2013 8:54AM PDT

The fix is in .. I created a new page just for the contact us form and now the Pay Pay forms behave correctly. The contact page http://chefleez.com/ContactUs.htm still behaves differently in chrome than in i.e. both are acceptable but neither is what I want.

The contact us form has a div box attached to it, visible in design mode, which sits tight to the left border and in i.e. it presents the form tight to the left border while in chrome it fits the right edge of the form tight to the right border. Deleting this div box deletes the contact us form.

Suggested code to fix?

The code fix would be?

Now working but not what I wanted is the review page at http:chefleez.com/Reviews.htm. To achieve this I switched the left form to be on the right side of the page and played with the height of each to get what you now see. Why are these forms not functioning like the Pay Pay forms on http://ChefLeeZ.com/Reserve.htm?

Too bad the code view doesn't have a search & replace function force one to create a page in one's host and copy from web designer and paste to the new page so as to use the search function to find words to fix.