Jump to content

floating text issue


Recommended Posts

Hi,

 

I am building my first web site & very new to html code etc....

 

One problem I can't seem to solve is that in my site I have two tables next to each other. One floating right & one floating left. They are different heights & will fluctuate in content over time as they contain variable information. Under the two tables I have a <p> footer with some text in it. I can sometimes get the text in my web editor (web expressions 4) to span the page & sit under both tables, but this never works in all browsers when I preview it. Some let the text float up under the shorter table & some span the text at a random point?

 

What is the best code to allow text to always span the page & not float up, but at the same time be responsive to the changes in the tables heights?

 

Have tried divs, breaks & lines but without success in chrome/IE/firefox (using eric meyers css/reset as well to null any variables). Thanks.

 

PS: w3sch is an excellent resource.....

  • Like 1
Link to post
Share on other sites

Thanks dsonesuk,

 

Have just tried all 5 options for style=overflow: & whilst they did different things to the <p> (& <div> when tried it for that too) non made the text sit under both tables. It still floats up under the shorter one. Although I did learn where the scroll bar feature is now....

 

Any other thoughts or suggestions welcome.....

 

old guy.

Link to post
Share on other sites

Any inli

 

Thanks dudes,

 

Thats worked like magic....Just to improve my understanding, I get the css link & I am guessing that the instruction invalidates any previous positioning. Am I correct or completely wrong?

 

Thanks for your expert knowledge....

 

old guy..

 

Not really understanding what you mean here, if you are referring to

<style type="text/css">clear {clear: both;}</style>

should be placed between <head>...</head> tags, while

 

clear {clear: both;} only would be placed in external css file and linked to.

 

ALL of these will cancel the floating effect seeping down any further, causing the current non floated element with clear: both;, and those below it NOT to merge up with the floated tables.

Edited by dsonesuk
Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...