logo-dw

Go Back   Dreamweaver Club Forums > Hand Coders Forum > HTML and CSS
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 08-19-2011, 05:51 PM   #1
oneeightleft
 
Join Date: Aug 2011
Posts: 3
Default trying to teach myself CSS, any explain how to center this...

So i'm obviously new, I have been working on my skills and just trying to practice while i'm at working..

the wrapper div is not centering for me, i've tried a few different things to try and fix it.

granted I only have ie8 to test it at work so it's possible some of the stuff i'm doing is working, i just can't tell...

HTML Code:
<html>
<head>
</head>

<body>
<style type="text/css">
 

body{
 background-color: 6E6A6B;
 
}
#full{

}

#wrapper{
 position: static;
 background-color: 357EC7;
 align: center;
 width: 50%;

}

#header{
 font-size: 36;
 text-align: center;
 width: 900 px;
 height: 100 px;
 
}
#contentleft{
 width: 50 px;
 float: left;
 
}
 
#contentright{
 margin: 50 px;
 float: right;

}

#footer{
 width: 900px;
 height: 100 px;

}
 
</style>
<div id="full">
<div id="wrapper">
 <div id="header">
 This is the header

 </div>
 <div id="contentleft">
 This is content left
<p>
this is more content
<p>

content
<p>
content
 
 </div>
 <div id="contentright">
 this is content right. dubu9afbeuiwab fguiarbgpiutbauipgntuipaenvbuipearn pb uip eauipguiea buipe abi a gjiera gnerioang eriopang  gnuergnuens  gn utntur nuh   hrtsnthrhnrwt suitnsuihsuit hn srnuirh nusrihnurtnhwnuihnruisnhsntu ush hn hnhusr nuisn hrui 
 
 </div>
 <div id="footer">
 this is the footer

 </div>
</div>
 
</div>
 
 
 

</body>
</html>
oneeightleft is offline   Reply With Quote
Old 08-19-2011, 07:13 PM   #2
Corrosive
Corrosive's Avatar
 
Join Date: Feb 2008
Location: Bristol, England
Posts: 7,103
Default

Code:
#wrapper{
 position: relative;
 background-color: 357EC7;
 margin: 0 auto;
 width: 50%;

}
Corrosive is offline   Reply With Quote
Old 08-26-2011, 08:08 PM   #3
Austintxous
 
Join Date: Aug 2011
Location: Austin, Texas USA
Posts: 26
Default

Don't just try to teach yourself html and css. Any time you have a question, type it into GOOGLE. You'll be amazed at what you find. There are some awesome people out there who must have very understanding mothers, wives, GF's or a trust fun, because all they seem to do is answer questions for people who want to learn internet development. Whatever it is, its like a huge university and its all free. When you find a site with good answers, make a bookmark so you can go directly to that place in the future... And, you should install a copy of every major browser: IE, Firefox, Chrome, Safari and Opera and test in ALL of them once you have it sort of stable in IE or whatever you prefer. They're all free. But, they don't all act the same, and if you ever want your page to work as a public site, it has to work in all these browsers.
Austintxous is offline   Reply With Quote
Old 08-27-2011, 07:30 AM   #4
Corrosive
Corrosive's Avatar
 
Join Date: Feb 2008
Location: Bristol, England
Posts: 7,103
Default

This is good advice but just be aware that some of the quality of advice and tutorials you find with Google can be poor. Sorting the wheat from the chaff with what your search returns is part of the skill set.
Corrosive is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 06:33 AM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com