HighDots Forums  

How to prevent text from appearing between float_right and float_left blocks?

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


Discuss How to prevent text from appearing between float_right and float_left blocks? in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
deko
 
Posts: n/a

Default How to prevent text from appearing between float_right and float_left blocks? - 06-08-2006 , 06:44 AM






I'm trying to insert dynamically-generated copy in a page that contains a
right-float and a left-float block at the top of the page.

http://www.clearpointsystems.com

I need everything in the #page div to maintain the border, but the generated
copy (from WordPress) must go in the #page div.

Is there a way to make the copy from WordPress start below the #window div?
That would be easier than trying to hack WordPress...

Thanks in advance.



Reply With Quote
  #2  
Old   
Steve Pugh
 
Posts: n/a

Default Re: How to prevent text from appearing between float_right and float_left blocks? - 06-08-2006 , 07:42 AM






deko wrote:
Quote:
I'm trying to insert dynamically-generated copy in a page that contains a
right-float and a left-float block at the top of the page.

http://www.clearpointsystems.com

I need everything in the #page div to maintain the border, but the generated
copy (from WordPress) must go in the #page div.

Is there a way to make the copy from WordPress start below the #window div?
That would be easier than trying to hack WordPress...
#content {clear: left}

Or clear: both; if you want it below both #window and #top-right-corner

Steve



Reply With Quote
  #3  
Old   
deko
 
Posts: n/a

Default Re: How to prevent text from appearing between float_right and float_left blocks? - 06-08-2006 , 09:05 AM



Quote:
#content {clear: left}

Or clear: both; if you want it below both #window and #top-right-corner
sounds good, but do mean like this:

<div id="page">

<div id="window">
text... float left
</div>
<div id="top-right-corner">
image... float right
</div>
<div id="content"></div> <== this does it if the stylesheet has { clear:both }
??
....
dynamically-created content...
....

</div>



Reply With Quote
  #4  
Old   
Steve Pugh
 
Posts: n/a

Default Re: How to prevent text from appearing between float_right and float_left blocks? - 06-08-2006 , 10:32 AM



deko wrote:
Quote:
#content {clear: left}

Or clear: both; if you want it below both #window and #top-right-corner

sounds good, but do mean like this:

div id="page"

div id="window"
text... float left
/div
div id="top-right-corner"
image... float right
/div
div id="content"></div> <== this does it if the stylesheet has { clear:both }
??
...
dynamically-created content...
...

/div
No. There was already a <div id="content"> in the page you linked to
earlier - I assumed it was part of the dynamically generated contant.
my Word Press templates have the same thing in them, but I may have
added it myself rather than it being part of the default output.

Steve



Reply With Quote
  #5  
Old   
deko
 
Posts: n/a

Default Re: How to prevent text from appearing between float_right and float_left blocks? - 06-08-2006 , 07:30 PM



Quote:
#content {clear: left}

Or clear: both; if you want it below both #window and #top-right-corner

sounds good, but do mean like this:

div id="page"

div id="window"
text... float left
/div
div id="top-right-corner"
image... float right
/div
div id="content"></div> <== this does it if the stylesheet has {
clear:both }
??
...
dynamically-created content...
...

/div

No. There was already a <div id="content"> in the page you linked to
earlier - I assumed it was part of the dynamically generated contant.
my Word Press templates have the same thing in them, but I may have
added it myself rather than it being part of the default output.
I see. But that example above actually worked.

what I'm trying to do with that #page div may not work, however.

instead of using an image header and repeating right/left border as a background
image (as does the default wp theme), I tried to just specify a 1px border
around the #page div.

as you may know, wp content is floated. when this happens inside my #page div
with the 1px border, guess what happens in IE? The border gets all screwed up
with inconsistent margins/padding.

so I may go back to the repeating background image just to avoid an IE headache



Reply With Quote
  #6  
Old   
Steve Pugh
 
Posts: n/a

Default Re: How to prevent text from appearing between float_right and float_left blocks? - 06-09-2006 , 02:57 AM



"deko" <deko (AT) nospam (DOT) com> wrote:

Quote:
#content {clear: left}

Or clear: both; if you want it below both #window and #top-right-corner

sounds good, but do mean like this:

div id="page"

div id="window"
text... float left
/div
div id="top-right-corner"
image... float right
/div
div id="content"></div> <== this does it if the stylesheet has {
clear:both }
??
...
dynamically-created content...
...

/div

No. There was already a <div id="content"> in the page you linked to
earlier - I assumed it was part of the dynamically generated contant.
my Word Press templates have the same thing in them, but I may have
added it myself rather than it being part of the default output.

I see. But that example above actually worked.
The code you posted above? Yes that will work. So will my suggestion
so long as the HTML is the same as when I first looked at your page.
If your HTML has changed since then then my suggestion will need
modifying.


Steve
--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <steve (AT) pugh (DOT) net> <http://steve.pugh.net/>


Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.