/    Sign up×
Community /Pin to ProfileBookmark

Height problem with IE

Copy linkTweet thisAlerts:
Jun 24.2007

Alright, so I’m having problems with the ‘height’ attribute of tables in IE. While Firefox renders the page perfectly, IE refuses to do so where the height is set in pixels rather than percent. If you happen to have both browsers you can see the problem here:

[url]http://music.rehandalal.com[/url]
(Use firefox to see what it should look like and IE to see what the problem is!)

the css code is here:

[url]http://music.rehandalal.com/CSS/main.css[/url]

Any ideas on how I can fix the problem??

Thanks!!

to post a comment
CSS

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@WebJoelJun 24.2007 — This might be a problem:

line 81 column 35 - Warning: <iframe> attribute "height" has invalid value "248px"[/QUOTE]


<iframe src ="content/blank.php" width="795[B]px[/B]" height="248[B]px[/B]" style="border: 0px" id="displayPane" name="displayPane"></iframe>

There is no such thing as "px" in HTML attribute [I]height=""[/I] and [I]width=""[/I]. "px" is not valid HTML

<iframe src ="content/blank.php" id="displayPane" name="displayPane" [B]style="width:795px; height:248px; border:0;"[/B]></iframe>[/QUOTE] might work. I didn't test this as the URL is 'relative path' and I'd not see anything anyway.

Also, [I]good practice[/I] for writing [I]inline CSS[/I] is to place the style="" at the [I]end[/I] of the tag (not have any alt="" or name=""/id="" [I]after[/I] the style="foo:bar;" statements).

--------------

I'mm also alittle confused as to what/why this does/is written this way ?
BODY {

background-color: #070E15;

font-family: Arial, Helvetica, sans-serif;

font-size: 9pt;

color: #FFFFFF;

margin: 0px;

}

[B]BODY.displayPage {

background-color: #05080D;

font-family: Arial, Helvetica, sans-serif;

font-size: 9pt;

color: #FFFFFF;

margin: 0px;

}[/B][/QUOTE] If you give BODY some declaration/values, -how can a "class" also be a 'sub' of BODY? I don't know, -maybe it CAN be... I just can't image why or what advantage this brings to the picnic... If there is a DIV called class="displayPage", it is already a child of BODY, so stating such in your CSS is redundant at the least.
Copy linkTweet thisAlerts:
@rehandalalauthorJun 24.2007 — Well the problem isn't with the size of the iframe. The problem is the tables arent being sized according to the pixel sizes assigned to them by the CSS file. And it's only a problem in IE... :mad:

And about the body class its completely valid CSS according to W3C and it works just fine so I assume its fine... There's no div which uses the class displayPage. It's used by the page within the iframe.
×

Success!

Help @rehandalal 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.5,
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: @Yussuf4331,
tipped: article
amount: 1000 SATS,

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

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...