Why is the length of a floated div ignored by the outer wrapper?
I'm having a hard time understanding whether floated elements are relatively or absolutely positioned.
When I do a "float:right" on a narrow column, the text outside that column seems very aware of its existence. It won't appear under it - it will instead wrap around it. It will make room for it.
However, the outer wrapping div ignores the floated div completely. It will only take into account (and accomodate for) whatever amount of text is NOT in that inner floating div.
Example :
<div class="wrapper">
<div style="float:right">
Float right contents.
</div>
This is the content that isn't floating right.
</div>
If the right-floated contents are longer than the content that isn't floated right, the outer wrapper ignores it. It will only accomodate the text that isn't being floated. If the floated text exceeds the non-floating text, the floating text will bleed outside the outer wrapper.
How do I make the outer wrapper accomodate the right-floated div as well?
I'm having a hard time understanding whether floated elements are relatively or absolutely positioned
Neither. Floats are floats. The take content out of the normal flow. For this reason, you must clear floats after they are no longer needed. I typically use a br, p or hr tag with a clearing class like so:
CSS:
.clearFloat {clear:both; height 1px; visibility: hidden}
HTML:
<hr class="clearFloat" />
Floats and Margins Demo.
http://alt-web.com/DEMOS/3-CSS-boxes.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
Similar Messages
-
In Crystal Reports If the length of text is high then reduce the font size
Hi All,
I want a formula (or) solution for the following issue. If the length is high, then the font size should reduce.
Regards,
RKHi,
If you are using CR2008.
Right click on the Field,
Click on 'Format editor'->On 'Font' Tab
The third option will be 'Size,. Click on 'X-2' Button belongs to Size ( Third one from top Right hand side).
Now Formula editor will popup. Write formula on that,
Like
if length({DB.Field1}) <= 10 then
10
else if length({DB.Field1}) > 10
12
OR, Better you can Go with select.
Select length({DB.Field1})
Case 1 to 5: 16
Case 6 to 10: 14
Case 11 to 15:12
default:
10
regards,
salah.
Edited by: salahudheen muhammed on Aug 19, 2009 8:33 AM -
Why doesn't the length of a new event correspond to the size?
I see three new events with the following length and size:
97.43 minutes - 29.34 gb
107.3 minutes - 22.86 gb
103.2 minutes - 24.08 gb
Why does the shortest file (97 min) have the most size (29 gb) while the opposite is true for the longest file?Try switching between the Sticky Footer option in Site/Page Properties. Read more about it here - http://www.adobekb.com/creating_mobile_layouts_pt03.html#additional
Thanks,
Vinayak -
How do you shorten the length of a song on imovie on the ipod
im trying to make a video but i put in a song but then i want to shorten it so the song will only play in one part of the video not the whole thing but i dont really know how, can someone help?
Try the iOS iMovie forum
https://discussions.apple.com/community/app_store/imovie_for_ios -
How do I get the length of time of a step in the report?
heyy,
I noticed that the time a step needs for termination is listed in the report. But just for few steps. How can I manage this for the other stepts??
Thanks for your help!
CarlosHey Heinz,
sure! I send you a picture of my sequence and its report...
Thanks!
Carlos
Attachments:
Sequence.PNG 62 KB
Report.PNG 34 KB -
Display instantly the length of the text entered in the rich text editor
Hi everybody,
I'm developing an apex application with apex 4.1.1 and Oracle 11.2.
I have a page in which I have a form that allows to create a new message on the database.
A message has a title, description, text and date.
For the text I use the item "rich editor text". The problem is that item doesn't show the length of characters entered (character counter for the textarea). In the database the corresponding column is varchar2(2000). What I do is a validation after submit that checks if the limit 2000 was exceeded or not.
But what I want to do more is to display instantly the length of the text entered in the editor. I have tried to do that through a dynamic action. But the event "onChange" for the item "rich text editor" didn't work.
Has anyone any idea about that issue?
Thanks for helping.
Kind regards,
Edited by: Khadija Khalfallah on Apr 25, 2013 4:06 AMsorry about that, I missed that tidbit in your OP... well I think there is a good reason why there isn't a count character option -- due to the hidden "html" characters responsible for the "richness" (bold/color, etc) applied to the text would be difficult to count true characters.. if I was bent on doing this, I'd continue using the item you are using, but have a HIDDEN text area that is updated via javascript onkeyup for each keystroke (again, keeping in mind you'd have to filter certain keys) and then that intelligence could be used. I would probably dig through the javascript responsible for the rich text editor (is it still fckeditor??) -- there might already be code in there that isn't clearly visible to you that does this already.. alas, I see now the validity of your challenge.
-
Hey TLF team,
Do you have any immediate plans to implement floating blocks instead of just floating images? I am currently implementing a stop-gap measure that splits the input up into multiple blocks, renders each to a different textflow, then lays them out on the page, but obviously this isn't optimal and if you guys are on the verge of implementing floating divs then I'll hold off!
The reason I ask this is that I noticed that Jin Huang posted 'We are implementing border feature and backgroundColor of "block element" now', which suggests that you might be implementing other block features too...
To confirm I am talking about the kind of block floats that would allow layouts similar to:
http://www.maxdesign.com.au/articles/css-layouts/two-fixed/
to be created in a single text flow.Thanks for your reply - in that case I shall continue with my original plan. It would be really cool if you guys could add this feature at some point as when you have a lot of floating divs as seperate TextFlows on the screen at once things can get slow and it would be nice if this was handled within a single TextFlow.
Congratulations on your work on TLF so far! -
Issues with floated DIV layout
Hi I am having problems with my floated DIV layout on the following site in I.E 6/7 but not 8.
I have tried display: inline thinking it may be a margin/padding issue?
http://www.sopasbeauty.co.uk
what am I doing wrong, should I be adding clearfloats to separate area's of the page??
MarkFirst, open the page in DW and use FILE | Convert > XHTML 1.0 Transitional. Then try changing this -
<div class="boxes" id="box1">
<h1>Acrylic Nails</h1> -
How to get the length of a field value, not the length of DB's CHAR(20)
Hello.
I'm trying to handle a String from my DataBase and get its length:
String myName;
int i;
PreparedStatement sql = Conn.prepareStatement("SELECT NAME FROM MY_TABLE");
ResultSet results = sql.executeQuery();
results.next();
myName = results.getString("NAME");
i = myName.length();
out.println("The value is " + myName + " and the length is " + String.valueOf(i) );
I get:
" The value is Tom and the lengh is 20 "
20 is the length of the field (it's a CHAR (20) ), but I would like to get the length
of 'Tom'.
On other hand, I would like to detect if this value is 'Tom' or not, but trying with:
if (myName.equals("Tom")) {...}
or
if (myName == "Tom") {...}
There is no response.
Any experience?myName = results.getString("NAME");
if(myName!=null) myName = myName.trim(); //Take out trailing spaces
i = myName.length();Sudha -
How do I make a still image (photo) fit the length of the music? I record music and want to convert the tracks to a video file with a still image of my business logo in the background. On windows movie maker you could just select "fit to music" but this program isnt as easy to figure out! Any help?
Double-click on the still image in the project timeline to open the Inspector. In the Inspector, adjust the duration by typing in a new duration to match the length of your music. I think the limit for a still image is 10 minutes. If you need more than this, simply drag the image into the timeline again then adjust its duration. The two images will play seamlessly (no gap will be visible).
See this iMovie Help topic:
http://help.apple.com/imovie/#mov3a883915
You can achieve more precision when entering durations by changing a preference in the menu item iMovie Preferences. Check (tick) the preference for Show Time As HH:MM:SS:frames. This will enable you to enter the duration of stills down to the frame level, rather than full seconds (NTSC is 30 frames per second; PAL is 25 fps). When entering times, type a colon between each time segment, such as 2:50:15, which represents 2 minutes 50 seconds and 15 frames. For 5 seconds 20 frames you would enter 5:20 and so forth.
Note that the music will only run to the length of the video in the timeline (in your case, the still images). So, after increasing the stills duration you will need to drag the end of the music track as far as required. The stills can be dragged inwards to reduce the duration if necessary.
John
Message was edited by: John Cogdell - added Note -
How to determine the length of a LRAW field
Hi
I'm trying to write a generic persistency class that saves data in a table with a lraw field.
As required the lraw field must be preceded by a length field of type INT2, but how can I calculate the actual length of the lraw field?
kind regards ThomasHi Martin
I'm sorry to tell you that you are wrong. The INT2 field must contain the actual length.
I have a table with a LRAW of 1024 bytes, but if I put 15 to the length field, then only 15 bytes are stored in the database.
Of course I could just enter 1024 for the length, but that would wast a lot of database space - and performance.
My class has a persistency method that inserts or updates a record in the database. The data that should be stored in the LRAW is sent to the method via a pointer (field symbol) of type X. This pointer can point at any data type.
Something like this:
field-symbols: <input> type x.
field-symbols: <lraw> type x.
*assign any field to <input>
assign <lraw> to mydbtable-lraw_field casting.
<lraw> = <input>.
*here i need to determine the length of mydbtable-lraw_field before i store the content to the database.
By debugging I can tell that if the pointer points to a char 32 field then the length of the X pointer is 64 and if the pointer points to a timestamp then the length of the x pointer is 8, but how can I determine this length programmatically - either from the x pointer or from the LRAW?
Best regards
Thomas -
How to increase the length of a columnin existing publication item
We need to urgently increase the length of three columns in one of the tables that is sent offline as a publication item. I have searched everywhere to see if there is a procedure to see this. I only found process to add/drop columns but not modify to JUST increase the length.
Can we just alter the tables on the server and republish the application? Will that cause any data loss on the client end?
Any help is greatly appreciated.
Thanks
SireeshaI totally forgot about this method. Metalink had it in the headlines today and remembered your question.
This should work for you.
Applies to:
Oracle Lite - Version: 10.2.0.1.0 to 10.2.0.2.0
Information in this document applies to any platform.
Goal
The Goal of this Document is to show the right steps when it is necessary to increase the Column Size for a table
which is used for the Synchronization with Oracle Lite 10GR2
BECAREFULL, it is not supported to change the Column Size or make any Schema Evolution on the Primary key
as The Synchronization Algorithm is based on Primary key
Solution
Create table test_sec (col1 number(10); varchar2(10));
alter table test_sec add primary key (col1));
Create Publication: PUB_TEST_SEC
Create Publication: PI_TEST_SEC: select COL1, COL2 from scott.TEST_SEC fast
Refresh, server wins, weight = 1 and add it to the Publicatio PUB_TEST_SEC
Synchronize this PUB_TEST_SEC
On the Server: increase the col2 WHICH IS NOT A PK, from 10 to 15
alter Table scott.TEST_SEC modify (col2 (varchar2(15));
To get the new Column Size on the olite DB, you need to alter the Publication item too using for example this code:
import java.sql.*;
import java.io.*;
import oracle.lite.sync.Consolidator;
import oracle.lite.sync.ConsolidatorManager;
import oracle.mobile.admin.*;
public class PublicationChange {
public static void main(String argv[]) throws Throwable
DriverManager.registerDriver ((Driver)Class.forName ("oracle.jdbc.driver.OracleDriver").newInstance());
ConsolidatorManager consolidatorManager = new ConsolidatorManager();
consolidatorManager.openConnection("mobileadmin","manager","JDBC:ORACLE:thin:@suppolite1.fr.oracle.com:1521:PROD");
System.out.println("Connected");
try
/*You need to put a Select Statment lightly different from the Publication item,
if you will use the same select statment, it won't take in Account
if you used: select * from owner.table to create the Publication Item
you need to use: select * from owner.table for the alterPublicationItem API
consolidatorManager.alterPublicationItem("PI_TEST_SEC","SELECT * FROM SCOTT.TEST_SEC");
System.out.println("Pub Item recreated");
catch (Throwable e) {
e.printStackTrace();
try
consolidatorManager.closeConnection();
System.out.println("The installation is done!");
} catch (Throwable e) {
Compile and run this java code.
Synchronize
Check your table Description on Oracle Lite Database to verify that this Schema Evolution has worked as expected. -
How to increase the length of internal table dynamically
How to increase the length of internal table dynamically depending on the number of fields fetched into the internal table ?
The requirement code :
types: begin of t_data,
form like zscr_data_hdr-form,
werks like zscr_data_hdr-werks,
matnr like zscr_data_hdr-matnr,
verid like zscr_data_hdr-verid,
lot like zscr_data_hdr-lot,
lot_qty like zscr_data_hdr-lot_qty,
udate like zscr_data_hdr-udate,
utime like zscr_data_hdr-utime,
zuser like zscr_data_hdr-zuser,
processed like zscr_data_hdr-processed,
defect like zscr_defect_data-defect,
vornr like zscr_route_data-vornr,
fld1 like zscr_defect_data-defect_val,
fld2 like zscr_defect_data-defect_val,
fld3 like zscr_defect_data-defect_val,
fld4 like zscr_defect_data-defect_val,
fld5 like zscr_defect_data-defect_val,
fld6 like zscr_defect_data-defect_val,
fld7 like zscr_defect_data-defect_val,
fld8 like zscr_defect_data-defect_val,
fld9 like zscr_defect_data-defect_val,
fld10 like zscr_defect_data-defect_val,
fld11 like zscr_defect_data-defect_val,
fld12 like zscr_defect_data-defect_val,
fld13 like zscr_defect_data-defect_val,
fld14 like zscr_defect_data-defect_val,
fld15 like zscr_defect_data-defect_val,
fld16 like zscr_defect_data-defect_val,
fld17 like zscr_defect_data-defect_val,
fld18 like zscr_defect_data-defect_val,
fld19 like zscr_defect_data-defect_val,
fld20 like zscr_defect_data-defect_val,
fld21 like zscr_defect_data-defect_val,
fld22 like zscr_defect_data-defect_val,
fld23 like zscr_defect_data-defect_val,
fld24 like zscr_defect_data-defect_val,
fld25 like zscr_defect_data-defect_val,
fld26 like zscr_defect_data-defect_val,
fld27 like zscr_defect_data-defect_val,
fld28 like zscr_defect_data-defect_val,
fld29 like zscr_defect_data-defect_val,
fld30 like zscr_defect_data-defect_val,
fld31 like zscr_defect_data-defect_val,
fld32 like zscr_defect_data-defect_val,
fld33 like zscr_defect_data-defect_val,
fld34 like zscr_defect_data-defect_val,
fld35 like zscr_defect_data-defect_val,
fld36 like zscr_defect_data-defect_val,
fld37 like zscr_defect_data-defect_val,
fld38 like zscr_defect_data-defect_val,
fld39 like zscr_defect_data-defect_val,
fld40 like zscr_defect_data-defect_val,
fld41 like zscr_defect_data-defect_val,
fld42 like zscr_defect_data-defect_val,
fld43 like zscr_defect_data-defect_val,
fld44 like zscr_defect_data-defect_val,
fld45 like zscr_defect_data-defect_val,
fld46 like zscr_defect_data-defect_val,
fld47 like zscr_defect_data-defect_val,
fld48 like zscr_defect_data-defect_val,
fld49 like zscr_defect_data-defect_val,
fld50 like zscr_defect_data-defect_val,
fld51 like zscr_defect_data-defect_val,
fld52 like zscr_defect_data-defect_val,
fld53 like zscr_defect_data-defect_val,
fld54 like zscr_defect_data-defect_val,
fld55 like zscr_defect_data-defect_val,
fld56 like zscr_defect_data-defect_val,
fld57 like zscr_defect_data-defect_val,
fld58 like zscr_defect_data-defect_val,
fld59 like zscr_defect_data-defect_val,
fld60 like zscr_defect_data-defect_val,
fld61 like zscr_defect_data-defect_val,
fld62 like zscr_defect_data-defect_val,
fld63 like zscr_defect_data-defect_val,
fld64 like zscr_defect_data-defect_val,
fld65 like zscr_defect_data-defect_val,
fld66 like zscr_defect_data-defect_val,
fld67 like zscr_defect_data-defect_val,
fld68 like zscr_defect_data-defect_val,
fld69 like zscr_defect_data-defect_val,
fld70 like zscr_defect_data-defect_val,
fld71 like zscr_defect_data-defect_val,
fld72 like zscr_defect_data-defect_val,
fld73 like zscr_defect_data-defect_val,
fld74 like zscr_defect_data-defect_val,
fld75 like zscr_defect_data-defect_val,
fld76 like zscr_defect_data-defect_val,
fld77 like zscr_defect_data-defect_val,
fld78 like zscr_defect_data-defect_val,
fld79 like zscr_defect_data-defect_val,
fld80 like zscr_defect_data-defect_val,
fld81 like zscr_defect_data-defect_val,
fld82 like zscr_defect_data-defect_val,
fld83 like zscr_defect_data-defect_val,
fld84 like zscr_defect_data-defect_val,
fld85 like zscr_defect_data-defect_val,
fld86 like zscr_defect_data-defect_val,
fld87 like zscr_defect_data-defect_val,
fld88 like zscr_defect_data-defect_val,
fld89 like zscr_defect_data-defect_val,
fld90 like zscr_defect_data-defect_val,
fld91 like zscr_defect_data-defect_val,
fld92 like zscr_defect_data-defect_val,
fld93 like zscr_defect_data-defect_val,
fld94 like zscr_defect_data-defect_val,
fld95 like zscr_defect_data-defect_val,
fld96 like zscr_defect_data-defect_val,
fld97 like zscr_defect_data-defect_val,
fld98 like zscr_defect_data-defect_val,
fld99 like zscr_defect_data-defect_val,
fld100 like zscr_defect_data-defect_val,
fld101 like zscr_defect_data-defect_val,
fld102 like zscr_defect_data-defect_val,
fld103 like zscr_defect_data-defect_val,
fld104 like zscr_defect_data-defect_val,
fld105 like zscr_defect_data-defect_val,
fld106 like zscr_defect_data-defect_val,
fld107 like zscr_defect_data-defect_val,
fld108 like zscr_defect_data-defect_val,
fld109 like zscr_defect_data-defect_val,
fld110 like zscr_defect_data-defect_val,
fld111 like zscr_defect_data-defect_val,
fld112 like zscr_defect_data-defect_val,
fld113 like zscr_defect_data-defect_val,
fld114 like zscr_defect_data-defect_val,
fld115 like zscr_defect_data-defect_val,
fld116 like zscr_defect_data-defect_val,
fld117 like zscr_defect_data-defect_val,
fld118 like zscr_defect_data-defect_val,
fld119 like zscr_defect_data-defect_val,
fld120 like zscr_defect_data-defect_val,
fld121 like zscr_defect_data-defect_val,
fld122 like zscr_defect_data-defect_val,
fld123 like zscr_defect_data-defect_val,
fld124 like zscr_defect_data-defect_val,
fld125 like zscr_defect_data-defect_val,
fld126 like zscr_defect_data-defect_val,
fld127 like zscr_defect_data-defect_val,
fld128 like zscr_defect_data-defect_val,
fld129 like zscr_defect_data-defect_val,
fld130 like zscr_defect_data-defect_val,
fld131 like zscr_defect_data-defect_val,
fld132 like zscr_defect_data-defect_val,
fld133 like zscr_defect_data-defect_val,
fld134 like zscr_defect_data-defect_val,
fld135 like zscr_defect_data-defect_val,
dayst like zscr_data_hdr-dayst,
end of t_data.
In this fld1 to fld135 are defined in internal table.
But if the number of fields are more than 135 then the program is going to short dump.
Some times fld1 to fid170 or more fields will be there in my internal table.
Please suggest me how to make my requirement dynamic and display this data fetched into this internal table onto a .XLS file in the presentation server ?Hi
You can try to use the type string:
form like zscr_data_hdr-form,
werks like zscr_data_hdr-werks,
matnr like zscr_data_hdr-matnr,
verid like zscr_data_hdr-verid,
lot like zscr_data_hdr-lot,
lot_qty like zscr_data_hdr-lot_qty,
udate like zscr_data_hdr-udate,
utime like zscr_data_hdr-utime,
zuser like zscr_data_hdr-zuser,
processed like zscr_data_hdr-processed,
defect like zscr_defect_data-defect,
vornr like zscr_route_data-vornr,
fieldxx type string,
dayst like zscr_data_hdr-dayst,
end of t_data.
So you can save you informations of every fld<n> concatenating their values into fieldxx.
Max -
How do I change the length of an audio file?
How do I change the length of an audio file without changing the actual recording?
I want to aligne start and end points to the rest of my project.Well, yes and no. I have tried the Bounce track in place function, but it did not do what I was after. However, today I got an idea that solved the problem. I copied the region I had punched in several times. Then I used the Bounce track in place function. This made a track that was just as long as all the other tracks. Finally I silenced the audio "clips" that I had used to make the region longer. I have now 24 tracks to transfer to the Alesis HD 24 that starts, and ends, at the exact same point. This will suit the Alesis software just fine, I think.
Thanks for the tips. -
How to compare text field length with the length of input characers
I hae a problem with the length of text field
I want to fix the length of TextField by taking the length of attribute to, whihc i have to use in text field
Like i have set the max length of Attribut to 10 and set the length of textfield also 10.
But the problem is that if i enter 10 'i' it dosn't fill even half the space in TextField
And opposit if i enter 10 'W'
I wonder if there is a solution for this problem
i ma using True Type of Font* paint method in your own class that extends Canvas
* @param g where to paint e.g. printer, screen, ram
public void paint (Graphics g)
// display word "today" centred at x,y
FontMetrics fm = getFontMetrics( g.getFont( ) );
String wording = "today" ;
int xadj = fm.stringWidth( wording )/ 2;
// position bottom left corner of the text
g.drawString(wording , x-xadj, y );
// draw a red line from x1,y1 to x2,y2
g.setColor( Color .red );
g.drawLine( x1 , y1, x2, y2);
// draw an pre-existing Image. imX,imY is top left corner of the Image.
g.drawImage ( image , imX, imY , imWidth, imHeight , this);
} //end paint
Maybe you are looking for
-
JVM crash for RCP/SWT application under windows
Hi, We are running an RCP application under windows which uses SWT components .Intermittently the JVM carshes.I doubt SWT is the prime suspect or JVM???We are unable to identify the exact sequence in which the crash occurs.I'm attaching some hs_err_p
-
Model business partner in CUSTOMER repository
Hi Anyone have tried to model business partner in CUSTOMER repository? The situation is like this: a customer has many "sale data" entries, where many business partner can be assigned to a "sale data" entry. "Sale Data" is a qualified table field in
-
NavigateObsolute() problem using different systems
Hi, I have a WD IViews portal navigation problem for the following scenario: I have two j2ee systems - first with portal, the second one without. I deployed WD dev component on the second system which contains two applications. On portal system I def
-
My ipod touch 4's battery lasts five minutes, how can i fix it?
I recieved my ipod last year for Christmas. It has worked great, but starting about 2-3 weeks ago, the battery lasts no longer than 5 minutes. I believe that i just need to have the battery replaced, but would like it troubleshot just incase there is
-
Cannot add a gmail account to mail
My new Macbook Pro 13" laptop arrived the other day and I have not been able to add my gmail account to mail (other mail providers have worked - outlook etc). I used an application specific password (as I had 2fa enabled) and then I disabled 2fa and