I want to have a strip down the middle of the screen with my websites content as common on many web pages. I don't want to use background images to achieve the look, rather I was thing of having a div tag that would fill the entire height of the screen. I would just set the height of the div using window.innerHeight
Is there a better way to achieve the look I want?
Thanks,
David
Jump to PostSorry, I don't know what you are trying to describe.
However, I can guess that CSS alone, or a frameset, or a table will do what you want.
CSS is the professional way to do it; a table is the easy way.
Jump to Posthttp://www.soluto.com/
I want the content of my page to be in a stripe that runs down the page. However if the content would not fill the window, I still want the "stripe" to …
Sorry, I don't know what you are trying to describe.
However, I can guess that CSS alone, or a frameset, or a table will do what you want.
CSS is the professional way to do it; a table is the easy way.
For example, http://www.soluto.com/
I want the content of my page to be in a stripe that runs down the page. However if the content would not fill the window, I still want the "stripe" to fill the window.
I don't want to use frames, and I'm pretty sure you can't do it with css alone, but I could be wrong.
http://www.soluto.com/
I want the content of my page to be in a stripe that runs down the page. However if the content would not fill the window, I still want the "stripe" to fill the window.
That's a simple combination of tables and divs.
I'm pretty sure you can't do it with css alone, but I could be wrong.
CSS can do absolutely anything that a table can do, plus a lot more.
simple ... table
Here
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
<head>
<meta name="generator" content=
"HTML Tidy for Windows (vers 25 March 2009), see www.w3.org">
<style type="text/css">
body {background-color:silver}
table {height:100%; margin:auto; background-color:pink}
</style>
<title></title>
</head>
<body>
<table>
<tr>
<td>
CONTENT
</td>
</tr>
</table>
</body>
</html>is a toy example.
body {background:pink; width:100%; }
.content { background:green; width:80%; margin-left:10%; }table 21 lines, css 2 lines
If I understand the question,
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.