Home/ Questions/Q 8081531
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T16:45:24+00:00

The page is here: https://gentle-day-3026.herokuapp.com/ The css file like this: https://gentle-day-3026.herokuapp.com/stylesheets/base.css another is to

  • 0

The page is here:
https://gentle-day-3026.herokuapp.com/

The css file like this:

https://gentle-day-3026.herokuapp.com/stylesheets/base.css
another is to use reset.css to replace the base.css
(the new user just 2 hyperlink allowed)

Try to change some many times, include methods like:

<body> 
 <div id="divMain"> 
  ... 
 </div> 
</body> 


body 
{ 
 margin: 0; 
 padding: 0; 
 text-align: center; 
} 
#divMain
{ 
 margin: 0 auto; 
 padding: 0; 
 width: 1024px; 
 text-align: left; 
}

but it didn’t work.
Thank you for your help!

I even test it in a very simple html:

<!DOCTYPE html>
  <head>
   <link rel="stylesheet" href="stylesheets/base.css" media="Screen" type="text/css" />
  </head>
  <body>
  <div id="divMain">
     <h1> hello </h1>
  </div>
 </body>
</html>

It still did not work!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    What you have done is fine. But you given a width to the body. Remove the width attribute from there. Try this CSS and it works:

    body {
    color: #999999;
    font: 14px/1.5em "Lucida Grande",Arial,sans-serif;
    margin: 20px;
    width: auto;
}

    enter image description here

    See base.css line no. 8 has the same width: 720px; for the body! And also, for the <div align="center"> change it to <div class="center"> and give css as .center {width: 720px; margin: auto;}. Please try this and let us know.

    Finally you should be having this:

    .center {width: 720px; margin: auto;}

<div class="center">
    • 0