Need to delete border(padding) from a webpage.

by 1 replies
1
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..
#website design #borderpadding #delete #webpage
  • 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!
Join the discussion

Next Topics on Trending Feed

  • 1

    Need to delete border(padding) from a webpage.

    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.