View Full Version : IE, float, and defined width... no wrap?

07-16-2005, 09:25 AM

im really confused on why this looks diff in ie and ff.
so, I'm not sure what hack to use to fix in ie...

why doesnt text wrap around around the box (faux-image) when p has a width??

(I figure to center u need text-align:center; to center element in ie in addition to margin:auto for real browsers...)

i want to use an expression to faux-(min-width) for ie, but i guess if you give p a width at all it wont wrap a float img? or anything? what the hell is the hack for that?

i hate ie !!! where the heck is 7? or a trojan worm action to swap it for ff... haha... ahem.

p.s. my actual implementation is here:

and if you wanna lemme know about the other ie hacks i need/screwed up, feel free,... but ill ask specifically when i try a little harder on them, too.

thanks!...and sry im still an idiot.

07-16-2005, 07:29 PM
Hi there zro@rtv,

the first thing to do is remove...

<!-- -->
...from the top of the document...it puts IE in quirks mode. :eek:

Here is the modified code, it may give you some ideas...

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<title>Redtv Lansing Alternative Media News and Information</title>
<meta http-equiv="Content-Type" content="text/xml; charset=UTF-8" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />

<style type="text/css">
div#whole {
border:1px solid black;

div#img {
margin:10px 10px 0px 10px!important;
margin:10px 5px 0px 5px;


#whole p {
margin:0px 62px ;
border-left:3px solid black;
border-right:3px solid black;


<div id="whole">

<!--<div id="column">//-->

<div id="img"> yo </div>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce feugiat sapien sed
pede elementum iaculis. Praesent eget risus sit amet nunc euismod rhoncus.
Suspendisse potenti. Nulla facilisi. Aenean ac nunc. Nunc ultrices tortor congue tortor.
In suscipit euismod urna. Vestibulum ante ipsum primis in faucibus orci luctus et
ultrices posuere cubilia Curae; Nulla ligula. Donec elementum fringilla orci. Nunc nulla.
Integer porta. Praesent feugiat. Quisque leo massa, commodo eget, pretium ut, volutpat
vitae, lectus. Aliquam odio. In consectetuer, elit aliquam tincidunt aliquam, nulla augue
eleifend ipsum, et viverra nibh diam vel eros. Vivamus tempus. Mauris ultrices. Vivamus
nec nibh. Fusce mauris felis, ornare eget, auctor ac, eleifend sed, eros. Nam felis ipsum,
aliquam vel, accumsan ac, placerat a, augue. Nullam tempor. Maecenas consectetuer
magna id enim. Vestibulum non diam iaculis velit faucibus dapibus. In hac habitasse
platea dictumst. Duis ipsum tellus, pharetra a, gravida vel, faucibus vitae, tellus. Donec
velit diam, blandit at, laoreet a, ornare quis, sem. Proin egestas risus vitae ligula. Fusce
pharetra fermentum risus. Nullam mauris wisi, adipiscing et, porta sit amet, sodales aliquet,
lacus. Aenean nulla magna, malesuada id, aliquam vitae, ullamcorper sed, quam. Cras
ultricies leo eu ante. Ut volutpat lobortis libero. Vestibulum pellentesque urna quis sapien.
Donec venenatis vehicula mauris. Donec eu velit. Duis consectetuer tortor convallis magna.
Aliquam suscipit elit sit amet elit.




07-17-2005, 07:50 AM
thanks, i tweakd it more like that to work...
little weird tho, i'll have to contrive an expression to make it resize marginsraher than just use one to simulate max-width then? that sucks... i HATE ie.

I Think I need quirks mode on my actually page?

im using a few expression resizes to imitate min and max width...
and if i dont "quirks mode" it crashes IE.... am i confused or is this true?