/    Sign up×
Community /Pin to ProfileBookmark

Table problems with Opera

Hello,

I have the code below which works fine with Firefox an IExplorer but not with Opera. What I want is to make a gray background for menu area near the content area which is white. I don’t want to hardcode the height value because the content always can change.

Any idea?

Thanks!

[CODE]<table width=”800″ border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″>
<tr>
<td>
<table width=”100%” height=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>

<!– MENU AREA BEGIN –>
<td width=”200″ valign=”top” height=”100%”>
<table width=”100%” height=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td width=”150″ bgcolor=”#CCCCCC” valign=”top”>
<table align=”left”>
<tr><td><href=”home.htm”>Home</a></td></tr>
<tr><td><href=”home.htm”>Home</a></td></tr>
<tr><td><href=”home.htm”>Home</a></td></tr>
</table>
</td>
<td bgcolor=”#FFFFFF” width=”50″>&nbsp;</td>
</tr>

<tr>
<td width=”150″ height=”100%” bgcolor=”#CCCCCC”>&nbsp;</td>
<td width=”50″ bgcolor=”#FFFFFF”>&nbsp;</td>
</tr>

</table>
</td>
<!– MENU AREA END –>

<!– CONTENT AREA BEGIN –>
<td class=”r” bgcolor=”#FFFFFF”>sas<br>sas<br>sas<br>sas<br>sas<br>sas<br>sas<br>sas
<br>sas<br>sas<br>sas<br>sas<br>sas<br>sas<br>sas<br>
sas<br>sas<br>sas<br>sas<br>sas<br>sas<br>sas<br>sas<br>
</td>
<!– CONTENT AREA END –>

<td width=”11″ background=”images/border1.gif”>&nbsp;</td>

</tr>
</table>
</td>
</tr>
</table>[/CODE]

to post a comment
HTML

3 Comments(s)

Copy linkTweet thisAlerts:
@FangMay 23.2005 — You are in [URL=http://www.w3.org/International/articles/serving-xhtml/#quirks]quirks mode[/URL], add a [URL=http://www.w3.org/QA/2002/04/valid-dtd-list.html]valid DTD[/URL]

Use CSS for layout not (nested) tables.

Add [I]style="background:#ccc;"[/I] to the table
Copy linkTweet thisAlerts:
@elmuauthorMay 23.2005 — Use CSS for layout not (nested) tables.[/QUOTE]
Do you mean absolut not to use table tags or puting style codes in CSS?
Copy linkTweet thisAlerts:
@felgallMay 23.2005 — Tables are for displaying tabular data. CSS is for page layout.
×

Success!

Help @elmu 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 6.17,
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: @nearjob,
tipped: article
amount: 1000 SATS,

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

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