Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.4 is a product of Lussumo. More Information: Documentation, Community Support.
-
- CommentAuthorelicash123
- CommentTimeMar 11th 2008
okay, so i am trying to make my wrapper go all the top of the page. like where the browser starts. i also am having problems getting the wrapper to be centered in the window in fire fox. this is all i have so far.
the css
@charset "utf-8";
/*css document*/
html, body{
height: 100%;
}
body{
background: url(medium-walnut.jpg);
text-align: center;
font-family: Verdana, sans-serif;
font-size: 0.8em;
}
#header{
background-color: #CCCCCC;
}
.wrapper{
background-color: #CCCCCC;
width: 600px;
azimuth: center;
border-left: medium solid #FF3333;
border-right: medium solid #FF3333;
height: 100%;
position: relative;
}
the html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="stylebud.css" rel="stylesheet" type="text/css" />
<title>TJ Tile and Remodeling</title>
</head>
<body>
<div class="wrapper"></div>
</body>
</html>
any input would be greatly appreciated. -
-
CommentAuthoradjustafresh
- CommentTimeMar 11th 2008
1. You need to zero out margins and padding on your body element. I suggest you use Eric Meyer's CSS Reset to more easily control the style of the HTML elements.
2. To center the "wrapper" div use this: margin: 0 auto; this statement says, "no margin above and below the div and automatically center it." -
-
- CommentAuthorelicash123
- CommentTimeMar 11th 2008
thank you so darn much, that will help me greatly! -
- CommentAuthorelicash123
- CommentTimeMar 11th 2008
it took me a minute to figure out what was going on in that CSS reset by Eric Meyer but it helped me do exactly what i wanted thanks again!
1 to 4 of 4