This line of code works good on different browsers except edge.
*<tbody id="cat_${cat.prefix}" class="table-responsive collapse";>*
In Edge explorer the spaces between rows very high and messed up when I click a row to collapse the body table. how can I fix this problem in edge?
In nested table in Html page the tag dose not work correctly in Edge browser, so we should change it to tag.
Related
Heloo.
I have problem with multiple DIV elements in google chrome. if those have display:inline-block, sometimes chrome still keeps breaking line. Everything works fine in Firefox, Opera and IE, but not in chrome.
try visiting this page:
http://tridex.pl/kategoria/%2A00/Nowosci.html?typ_listy=4
This is shop. There are 2 similar item layout styles, one with 3 items in row, one with "as many as will fit on your screen" in row. Everything works as it should in Firefox, IE, Opera... but Chrome displays 2 items in first line and 3 in each another.
Layout is modified on the fly, so maybe this is the problem? But since it works in all other browsers, why it does not in Chrome? Should i call something to tell Chrome to recalculate DIV width and rearrage those?
Does anyone have any idea how does it work in Chrome? Is there something else i should
Setting the width style of the parent element a bit wider helped me, looks like the elements need more room in Chrome.
It doesn't work for me in Firefox either... however this seems to be the issue.
<div id="prawy_div" style="width: 564px; left: 273px; position: relative;">
If I change its width to what it starts out as... 680px, Everything looks fine. A script is changing it for some reason, and boy does it want to change it... seems to be attached to your scroll event.
I've created a webpage that has several divs containing text. The right hand side of the page contains one large div made up of several paragraphs using the p tags. At the bottom of this large div after the closing p tag i have left some space so that the writing does not go right to the bottom of the webpage.
This space varies between browsers. It seems to display exactly how it shows in Dreamweaver in IE9 and Safari but when previewing in Firefox it seems to cut off some of the text at the bottom. This can be fixed by increasing the height of that div but then this also increases the space more in Safari and IE.
I've come to the conclusion that the spacing between each paragraph down the page is larger in Firefox than IE9 or Safari for some reason which is why the last bit of text is getting cut off in Firefox.
Has anyone else had this problem?
Here is link to my webpage: See the difference in the paragraph spacing in firefox compared to IE/Safari, most noticable at the bottom as it cuts off the writing:
www.athatravel.com/NewSite21/srilanka_highlights.html
Do you tried to set a fixed margin-bottom to your -Element... Maybe that is a solution for your issue.
Thanks Eray the reset.css file worked a treat. Thanks for everyones help and advice.I wasnt sure how to accept your's as the accepted answer as you posted it as a comment rather than an answer.
I'm working on a new website design and everything seems to be working on chrome, yet on internet explorer (only the newest version, it seems), there is a ton of white space added on top of the website.
Basically on IE, it almost looks like I had 500px of padding-top. But it displays perfectly on chrome.
The current URL is cspclaw.com
Thanks.
I posted the entire main page HTML here: http://pastebin.com/eDmfuRWK
And the entire main page CSS here: http://pastebin.com/GK3TRtx4
Seems to be an IE bug to me.
It calculates the height of the <tr> through the height of the contents of the highest <td>, disregarding the rowspan="2".
If you remove the rowspan attribute, you can kind of see why it's doing what it's doing.
The problem for IE is that every single <td> in your second row (the row containing the <div class="fadein">-cells) has rowspan="2". Remove that, and the page will no longer show that odd margin/padding in IE.
It still doesn't look the same, my guess is more rogue rowspans... :)
Currently, my site works perfectly in Firefox, IE, and Safari, but one portion does not work in Chrome.
Take a look at: http://tinyurl . com/chxg2tb
The table at the bottom expands beyond the content border in Chrome, instead of expanding the border like in Firefox, IE and Safari.
This has me stumped because usually errors like these happen with Firefox and IE working fine, and then the webkit browsers don't work, but in this case it is just Chrome.
For some reason the table doesn't expand the parent div, and I don't know why.
The only thing I could think of is something with overflow, but I haven't been able to get it to cooperate.
thats NOT the best solution but you can just create a div that wraps the table and set the div css like this:
height: 120px;
I have my table with overlapping rowspans, but in IE it doesn't seem to want to do that, it keeps pushing the bottom right cell so that second last cell on the right side is the same height as the middle one on the left side, but in Firefox it doesn't do that.
In every browser, except IE it looks like this:
http://jsfiddle.net/wUWFH/6/
But in IE it looks like this: http://jsfiddle.net/wUWFH/7/
As you can see in the bottom right side, the last cell is taller than its left-side pair, but in IE it shows them both the same height.
Is there a CSS to fix this? IE compatibility is really starting to get frustrating.
Seems your problem iwht IE 7, try applying border-collapse:collapse; on table via css