Forum Moderators: not2easy
Where some websites will only fill a portion of the browser...
Currently there are two different width values that we use, absolute and relative. Absolute values use pixels, so a designer may decide that their website is 750px wide and deisgn as such - but when I come along, with a high browser resolution, I see blank space around the unused portion of my screen.
A better way if doing it is to use percentages. You specify widths that add up to 100%. This means that no matter what the resolution of a users monitor, the web page will stretch to use all available space. This is called a 'Fluid' page design, and a WebmasterWorld site search or Google search for fluid design (the 3 column approach is quite popular) will yield a number of useful results.
In your CSS
body {
margin: 0;
padding: 0;
}
Nick
html {
margin: 0;
padding: 0;
border: none;
}
Andreas
You can style the html element? Is that valid? What else can you do to that element?
Yes you can. It works like a charm.
It is valid as well.
You can set a border, padding, background, just about everything you can do on any other element.
Andreas
You also need to eliminate margins and/or padding on the html element.
Why andreas? -- Which browsers do not give the correct effect if you style the body element?
Nick
Nick
IE5+ displays a black 1px border around the webpage. You can remove this border by setting the border attribute of the html element to none. This will give you a more flat look. This is helpful when you use the object element to display an external html document in another one. Even when the object has no border there is still the border of the inline documents´ html element.
I just thought this thread to be a good opportunity to remind you of the fact that the html element is stylable as well. Just play around with it and you´ll discover this to be quite exciting ;)
Andreas
Nick
Sorry, die hard hand coder here.. ;)
Nick
Is there some significance in putting the html definition after the body definition?
Which browser does it not work in and what do you have in your CSS?
Nick
The CSS editor in DW MX ain't bad at all. But as Nick said, reading the W3C CSS document is very much worth a once over, before trying to utilise editors such as DW's verion or TopStyle Pro.
However the code that is above certainly solves the original question, with browsers that support the CSS.
Nick
Does dreamweaver have a way to type in styles?
In Dreamweaver MX you can edit in its own style editor or directly (it opens the CSS as text)
<head>
<title>this is my title</title>
<style>
body {
margin: 0;
padding: 0;
}
html {
margin: 0;
padding: 0;
border: none;
}
</style>
<script>
Some javascript
</script>
</head>
<body>
<style type="text/css">
What seems to be the trouble?
Nick
