Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    Regular Coder zro@rtv's Avatar
    Join Date
    Feb 2005
    Location
    on the network
    Posts
    433
    Thanks
    0
    Thanked 1 Time in 1 Post

    IE, float, and defined width... no wrap?

    http://www.redtv.org/nw-test/round/iesux/float.html

    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:
    http://www.redtv.org/nw-test/round/

    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.
    Last edited by zro@rtv; 07-16-2005 at 09:32 AM. Reason: p.s.
    ._-zro
    zro@redtv
    zro.redtv.org

    "If HTML and the Web made all the online documents look like one huge book, RDF, schema, and inference languages will make all the data in the world look like one huge database"
    -Tim Berners-Lee, Weaving the Web, 1999

  • #2
    Senior Coder coothead's Avatar
    Join Date
    Jan 2004
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,707
    Thanks
    0
    Thanked 237 Times in 232 Posts
    Hi there zro@rtv,

    the first thing to do is remove...
    Code:
    <!-- -->
    ...from the top of the document...it puts IE in quirks mode.

    Here is the modified code, it may give you some ideas...
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
    <head>
    <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 {
         width:450px;
         margin:auto;
         text-align:center;
         border:1px solid black;
         font-size:8pt;
    }
    
    div#img {
         background-color:maroon;
         /*margin:1em;*/
         text-align:center;
         float:right;
         width:150px;
         height:150px;
         margin:10px 10px 0px 10px!important;
         margin:10px 5px 0px 5px;
    
    }
    
    #whole p {
         /*width:30em;*/
         /*margin:auto;*/
         margin:0px 62px ;
         border-left:3px solid black;
         border-right:3px solid black;
         text-align:justify;
     }
    //-->
    </style>
    
    </head>
    <body>
    
    <div id="whole">
    
    <!--<div id="column">//-->
    
    <div id="img"> yo </div>
    
    <p>
    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.
    </p>
    
    </div>
    
    </body>
    </html>
    
    coothead

  • #3
    Regular Coder zro@rtv's Avatar
    Join Date
    Feb 2005
    Location
    on the network
    Posts
    433
    Thanks
    0
    Thanked 1 Time in 1 Post
    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.

    ALSO::
    I Think I need quirks mode on my actually page?
    http://redtv.org/newswire/new/index.html

    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?
    Last edited by zro@rtv; 07-17-2005 at 09:13 AM. Reason: quirks
    ._-zro
    zro@redtv
    zro.redtv.org

    "If HTML and the Web made all the online documents look like one huge book, RDF, schema, and inference languages will make all the data in the world look like one huge database"
    -Tim Berners-Lee, Weaving the Web, 1999


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •