Sketch out (on paper or electronic) a Fixed Layout which should have: Page resol

Question

Sketch out (on paper or electronic) a Fixed Layout which should have:

Page resolution fixed measurments

Grid base unit fixed measurment

Column fixed measurments

Padding or margin fixed measurment

Add at least three containers within your grid and calculate their measurments

Save as "layout.jpg"

Code:

Code the HTML according to your template (note- there is no content, only containers) and save as "layout.html"

Code the CSS according to the template and save as "layout.css"

Link your CSS file to the HTML file and save

Explanation / Answer

#wrapper { margin: 0 auto; max-width: 700px; padding-right: 320px; /* padding should be the total width of all right columns */ } #content { float: left; width: 100%; min-width: 400px; padding-right: 20px; } .sidebar { float: left; width: 300px; margin-right: -1000px; padding-top: 50px; /* extra space padding */ }

Pixel dimensions of the blog style layout

In this layout the center and right column widths are in pixels and the left page adjusts in size to fill the rest of the screen. Vertical dimensions are left unset so they automatically stretch to the height of the content. Layouts that use pixel widths are great for images because you can make them fit perfectly within a column without gaps.

And this is just another paragraph we can use...

I feel we can see a lot of dummy content.

No CSS hacks

Another Column!

Blah blah basic HTML code here. this looks like a really sick layout if you ask me.

Related Questions

Navigate

• Browse (All)
• Browse S
• Subjects

---

---

Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.