URGENT HELP: line wrap not happening inside Div

#1

Here is my HTML:
<style>
..leftcolumn{float:left;width:300px;border: 1px solid #ccc}
..rtcolumn{float:left;width:600px;border: 1px solid #ccc}
</style>

<body>
<div class="leftcolumn" id="d_links">
multiple <a href="hello.aspx?q=something">something</a><a
href="hello.aspx?q=something1">something1</a><a
href="hello.aspx?q=something2">something2</a><a
href="hello.aspx?q=something3">something3</a><a
href="hello.aspx?q=something4">something4</a><a
href="hello.aspx?q=something5">something5</a>........
</div>
<div id="d_content" class="rtcolumn">
long text here.............................................. ......

</div>
</body>

Issue:
The div with id "d_content" rendered is perfect the problem is with div
with id "d_links". The links(text) inside should wrap within the div
tags width but instead that is generated in one long line expanding the
DIV tag. Irrespective what width I assign to d_links it is rendered in
one line and pushes the d_content to next line in IE, whereas in FF
d_links goes under d_contents.

What is going on here? Any help will be greatly appreciated.

Thanks.

PS: I do not have this in public domain to show what is happening.

#2

zeyais (AT) gmail (DOT) com wrote:

Quote:

Here is my HTML:

Where's your URL?

Quote:

.leftcolumn{float:left;width:300px;border: 1px solid #ccc}

Bad style. Hang around for a while or check past discussions to learn
why px dimensions are bad.

Quote:

div class="leftcolumn" id="d_links"
multiple <a href="hello.aspx?q=something">something</a><a
href="hello.aspx?q=something1">something1</a><a

Why don't you give us the URL of the real page, instead of taking great
trouble in dummifying the stuff, thereby removing a most relevant part
of actual data?

Quote:

The links(text) inside should wrap within the div
tags width but instead that is generated in one long line expanding the
DIV tag.

If your dummy "something" stuff does not contain spaces, that's more or
less what happens. You have words with nothing between (disregarding the
<a> markup in this context), and browsers generally do not break words.

Links with nothing between them are a very bad idea. Have you
considered, for example, what it _sounds_ when spoken?

So this is really a "Doctor, it hurts when I do _this_. - Then don't do
that." case.

Quote:

PS: I do not have this in public domain to show what is happening.

This is a comp.infosystems.www.authoring group. You are supposed to have
a WWW authoring problem or topic if you post here. If the page isn't
ready yet, upload your best effort so far, so that you can specify a URL.

#3

Your anchors would wrap if you separated each tag with a space, e.g.

<a href=".">blah</a> <a href=".">blah</a> <a href=".">blah</a>

Alternatively you could style the tags as block elements to list
vertically, e.g.

..leftcolumn A {display:block}

Yucky,

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

URGENT HELP: line wrap not happening inside Div

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)

URGENT HELP: line wrap not happening inside Div - 03-06-2006 , 10:23 PM

Re: URGENT HELP: line wrap not happening inside Div - 03-06-2006 , 11:33 PM

Re: URGENT HELP: line wrap not happening inside Div - 03-20-2006 , 05:12 PM