/    Sign up×
Community /Pin to ProfileBookmark

IE/FF Table Issue

Copy linkTweet thisAlerts:
Feb 18.2009

Hi Guys,

Think Itz a simple one but cant resolve. The following code works as expected in IE but not in FF. This should cover the entire browser viewport in FF like in IE but not happening. Any ideas appreciated. Thanks in advance.

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en”>
<head>
<title>Example</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=ISO-8859-1″ />
<style>

html,body{
margin:0;
padding:0;
height:100&#37;;
border:none;
}

</style>

</head>

<body>
<form>
<table style=”width:100%;height:96%;” border=”1″>
<tr style=”height:10%;”><td>Top Frame</td></tr>
<tr style=”height:80%;”><td>Middle Frame</td></tr>
<tr style=”height:10%;”><td>Bottom Frame</td></tr>
</table>
</form>
</body>
</html>

to post a comment
HTML

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@msparksFeb 19.2009 — Is the table being used for a layout? If so, I'd suggest using div's instead of tables.
Copy linkTweet thisAlerts:
@cks333authorFeb 19.2009 — Hi Matt,

Thanks for your reply. I am using DIV now. I have done the CSS bit to sort out the layout. The new problem which I am facing now is with the div placed inside my midFrame. Basically, I am placing all the application widgets inside this midFrame (actually called as contentPane).

Problem : When midFrameOne overflows vertically, I want midFrame to overflow rather than midFrameOne. Earlier, this page was designed using too much of frames and this was the behaviour with frames and I am trying to achieve the same. Any ideas. Thanks.

Code Snippet :

<div id="topFrame" class="clsTopFrame">Top Frame</div>

<div id="midFrame" class="clsMidFrame">

<div id="midFrameOne" style="width:200px;border:1px solid #000079;padding:5px;overflow:auto;float:left;"></div>

<div id="midFrameTwo" style="width:200px;border:1px solid #000079;padding:5px;overflow:auto;float:left;"></div>

...

...

...

</div>

<div id="btmFrame" class="clsBtmFrame">Bottom Frame</div>
Copy linkTweet thisAlerts:
@cks333authorFeb 19.2009 — Hi Matt,

No Worries. Just sorted this out.

It all started for a simple pop-up dialog which cannot be achieved as the widgets in the contentPane used frames. Due to frames, thescope of pop-up dialog is limited to that window frame and started with the whole redesign !
×

Success!

Help @cks333 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...