how to replace table with div tag..?

jaYPee · Sep 28, 2005

anyone know how can I replace this code using only the div tag? I have
tried everything but I can't do it.

here's the code using table:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<title>Untitled Document</title>
</head>

<body>
<table width="799" align="center" style="border:1px solid #999999">
<tr>
<td><div id="sidebar" style="border:1px solid #999999; width:
160px; float:left">
<h2>sidebar</h2>
<ul id="nav">
<li><a href="#">Test Link One</a></li>
<li><a href="#">Test Link Two</a></li>
<li><a href="#">Test Link Three</a></li>
<li><a href="#">Test Link Four</a></li>
<li><a href="#">Test Link Five</a></li>
</ul>
<p>Additional sidebar content.</p></div>

<div id="maincontent" style="border:1px solid #999999; margin:0 0 0
2px; float:left">
<h2>main content</h2>
<p>Testing</p>
</div></td>
</tr>
</table>
</body>
</html>

thanks for any help

Neredbojias · Sep 28, 2005

With neither quill nor qualm, jaYPee quothed:

anyone know how can I replace this code using only the div tag? I have
tried everything but I can't do it.

<snip>

What's not working with the div?

Toby Inkster · Sep 28, 2005

jaYPee said:
anyone know how can I replace this code using only the div tag?

Here you are:

<div>

Neredbojias · Sep 28, 2005

With neither quill nor qualm, Toby Inkster quothed:

Here you are:

<div>

How uncharacteristically thoughtless of you! You forgot to close the
tag (</div>).

rf · Sep 28, 2005

[irrelevant crosspost snipped]

With neither quill nor qualm, Toby Inkster quothed:

How uncharacteristically thoughtless of you! You forgot to close the
tag (</div>).

Tags are not "closed". They simply stand alone, by themselves.

Elements, on the other hand, are usually closed. So, a div *element* must
have a closing tag.

The OP however asked (incorrctly) about using a div tag and Toby responded
correctly. If the OP had asked about a div element the response would
probably have been
<div></div>

Cheers
Richard.

Dima Gofman · Sep 29, 2005

tada...
here it is, but there's a bit of a problem with firefox, the
all-encompassing div seems to be squashed at the top, no time to figure
out why right now - probably something simple that i've overlooked

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
div{
border:1px solid #999999;
}
body div{
width:799px;
margin: auto;
padding:2px;
}
div#sidebar{
width: 160px;
float:left;
}
div#maincontent{
margin:0 0 0 2px;
width: auto; /*or 799-160=639 to take up all the available area*/
float:left; /*or leave width:auto and remove float:left*/
}
</style>
</head>

<body>
<div>
<div id="sidebar">
<h2>sidebar</h2>
<ul id="nav">
<li><a href="#">Test Link One</a></li>
<li><a href="#">Test Link Two</a></li>
<li><a href="#">Test Link Three</a></li>
<li><a href="#">Test Link Four</a></li>
<li><a href="#">Test Link Five</a></li>
</ul>
<p>Additional sidebar content.</p>
</div>
<div id="maincontent">
<h2>main content</h2>
<p>Testing</p>
</div>
</div>
</body>
</html>

Neredbojias · Sep 29, 2005

With neither quill nor qualm said:
[irrelevant crosspost snipped]

With neither quill nor qualm, Toby Inkster quothed:

How uncharacteristically thoughtless of you! You forgot to close the
tag (</div>).

Click to expand...

Tags are not "closed". They simply stand alone, by themselves.

Elements, on the other hand, are usually closed. So, a div *element* must
have a closing tag.

The OP however asked (incorrctly) about using a div tag and Toby responded
correctly. If the OP had asked about a div element the response would
probably have been
<div></div>

Grrr. But it annoys me when Toby is right even more than it does when
you are.

Fortunately, the frequency of such perturbations is tolerable.

Working on mobile css menu with plenty of frustration!	2	Dec 29, 2022
Only one table shows up with the information	2	Mar 29, 2023
Problems with css menu options	2	Nov 19, 2025
Need help with <rowspan> in an HTML table	1	Nov 6, 2024
Help with Visual Lightbox: Scripts	2	May 3, 2023
Need help with code on website (noob)	2	Jul 18, 2022
I have a problem here at ()	4	Dec 29, 2024
<div> help	1	Mar 4, 2024

how to replace table with div tag..?

jaYPee

Neredbojias

Toby Inkster

Neredbojias

rf

Dima Gofman

Neredbojias

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads