simple padding problem - can't solve :-(

Forum|Forum|7 years ago
January 22, 2019
2 replies
964 views

This is very simple SORRY but for some reason I keep getting this wrong.

I have created a div with a red background and I want to get rid of the margin on the left and right ie the padding.

In dreamweaver I set it to 0 padding but this does not work

not sure what I am doing wrong?

Many thanks

---------

----------

<!doctype html>

<html>

<style>

.header {

margin: 0;

padding: 0;

background-color: #FF0004;

}

@media (max-width:768px) and (min-width:401px){

}

@media (max-width:400px){

}

</style>

<head>

<title>Untitled Document</title>

</head>

<body>

<div class="header">Content for New Div Tag Goes Here</div>

</body>

</html>

---------

This topic has been closed for replies.

Correct answer osgood_

https://forums.adobe.com/people/tim+cross wrote
This is very simple SORRY but for some reason I keep getting this wrong.
I have created a div with a red background and I want to get rid of the margin on the left and right ie the padding.

It's the body tag that has a default margin that isn't allowing your div to go 100% left to right, without a small space either side.

Clear the body tags default margin:

body {

margin: 0;

}

or you can do as Ben suggests and clear the margin/padding on all elements.

O

osgood_Correct answer

Legend

https://forums.adobe.com/people/tim+cross wrote
This is very simple SORRY but for some reason I keep getting this wrong.
I have created a div with a red background and I want to get rid of the margin on the left and right ie the padding.

It's the body tag that has a default margin that isn't allowing your div to go 100% left to right, without a small space either side.

Clear the body tags default margin:

body {

margin: 0;

}

or you can do as Ben suggests and clear the margin/padding on all elements.