1 {{ upvoteCount | shortNum }}
1 {{ upvoteCount | shortNum }}

Need to delete border(padding) from a webpage.

by sourabhkejriwal
1 replies
  • WEB DESIGN
    • |
From a html and css file I need to remove border or padding (please find the screenshot below)....I used the inspect element option of Google chrome to find and remove the corresponding div tag. But the inner part is getting bigger and I can't find a way to rectify it.....

I need to get rid of the :"bodywrap" div...Deleting div#bodywrap is causing div#"content" becoming larger. How can maintain the dimension of the "content" div after deleting the 'bodywrap' div.

I am uploading the files here ...any css expert out here, need help..
#borderpadding #delete #webpage
  • Profile picture of the author Michael71
    Did you code this stuff?

    Looking at the code I just can say... no real knowledge of HTML/CSS.

    Placing media queries before the actual CSS code (in this case I am only talking about #bodywrap) is pretty useless. The media queries do not have any influence in this case.

    Other CSS that will never work:

    Code:
    filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f3f3f3')	/* IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f3f3f3')"
progid:DXImageTransform.Microsoft.Shadow(color='#444444', Direction=155, Strength=3);
    The style code inside the div #html... bad practice. CSS in head section, JS before closing body tag.

    A lot of div's ... this is called divitis. Not really good code...

    You should use box-sizing property.

    However... add the following line to #html in default.css line 537 and delete bodywrap code from html:

    width:1004px;

    Why 1004 and not 1108? 1004 + 52 + 52 (see padding for #html) = 1108

    Strange code you got there

    And guess what... not responsive at all!
    Signature

    HTML/CSS/jQuery/ZURB Foundation/Twitter Bootstrap/Wordpress/Frontend Performance Optimizing
    ---
    Need HTML/CSS help? Skype: microcosmic - Test Your Responsive Design - InternetCookies.eu

    {{ DiscussionBoard.errors[8103155].message }}

Trending Topics