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>
<meta charset="UTF-8">
<title>Untitled Document</title>
<link href="css/header-general.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="header">Content for New Div Tag Goes Here</div>
</body>
</html>
---------
---------
1 Correct answer
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.
5
Replies
AdChoices