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
    Join Date
    Oct 2005
    Posts
    336
    Thanks
    43
    Thanked 2 Times in 2 Posts

    .clearfix works in browsers, but wont show in Dreamweaver Design View

    I have used the css .clearfix trick on two divs which werent clearing a floated element.

    It works great in web browsers, but as im designing my site in Dreamweaver CS3 the fix doesnt render or show in Dreamweavers Design View.

    The fix is -

    .clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    }
    .clearfix {display:inline-block;}
    /* Hide from IE Mac \*/
    .clearfix {display:block;}
    /* End hide from IE Mac */

    Does anyone know a way to make Dreamweaver Design View show the clearfix? Previously I was just using <br style="clear:both"> after the two divs to make them clear and this method displayed fine in Dreamweaver and as the clearing problem only affects two divs I may just go back to it. Surely a well designed site should look right in all browsers AND dreamweaver?

    Also, using the clearfix trick fails Dreamweavers cross-browser compatability check, whereas using a few <br style="clear:both"> instead passes the check fine.

    Are there any better alternatives to Dreamweaver? I do like DW's built in uploading of files, templates, in-built validation functions etc
    Last edited by moss2076; 01-05-2008 at 10:49 AM.

  • #2
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    Umm.

    So? It doesn't really matter, as it'll render correct in browsers; why do you need to see it there?

    And no, a well-designed site doesn't mean it'll show up correcly in Dreamweaver. Its design view is not a web browser.

  • #3
    Regular Coder
    Join Date
    Oct 2005
    Posts
    336
    Thanks
    43
    Thanked 2 Times in 2 Posts
    I would like to see it in DW as that is where im designing the webpage.

    I know that DW isnt a browser, but its a shame a leading product cant display html and css the same as a browser does. Why have Design View at all if it isnt going to display the same as a browser?

    Then again the same can be said for browsers not showing the same as DW.

    Swings and roundabouts I guess!!
    Last edited by moss2076; 01-06-2008 at 09:36 PM.


  •  

    Posting Permissions

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