Can someone please fix this CSS problem for me

This css site is works fine, but when i edit with Dreamweaver it looks like this

Click here

here is all the files

Thanks

 

There may be some problem in your dreamweaver. Try adobe dreamweaver CS4

 

did u try it?

 

Ya its very good .
tutorialistic.net/forums/showthread.php?t=117

 

Ignore what Dreamweaver shows/tells you. Only the browsers matter. Find somebody that you really don't like, and sell them your copy of DW.

You've completely whacked your css. Don't apply a rule unless you know what it's doing, and you need it. You have floats all over the place, and since you don't know how they work, you've thrown in empty clearing divs—a really bad practice.

Without the extraneous floats, you don't need to put widths on everything (unneeded, and causes an ugly bug reaction in IE).

Here are some css corrections. Apply them line by line. Study what's been done, checking the specs at W3.org for the how and why. Ask about anything you can't suss out at W3.

#wrapper2 {            /*style.css (line 75)*/
margin-left:auto;
margin-right:auto;
margin-top:0px;
width:950px;
}

#headerbg {            /*style.css (line 93)*/
background-color:#FFFFFF;
background-image:url(images/header.gif);
border:10px solid #FFFFFF;
height:122px;
margin-bottom:5px;
margin-top:0px;
}

#headerbg h1 {         /*style.css (line 182)*/
font-size:35px;
margin-left:20px;
padding-top:12px;
text-transform:lowercase;
}

.slogan {              /*style.css (line 396)*/
color:#D3E1FF;
font-size:18px;
margin-bottom:2px;
margin-left:20px;
text-transform:lowercase;
}

#navigation {          /*style.css (line 85)*/
background-color:#FFFFFF;
border:10px solid #FFFFFF;
margin-bottom:5px;
}

#navigation ul {       /*style.css (line 187)*/
list-style-image:none;
list-style-type:none;
margin-bottom:0px;
margin-left:10px;
margin-top:0px;
overflow:hidden;
padding:0px;
}

#wrapper {             /*style.css (line 105)*/
background-color:#FFFFFF;
color:#555555;
overflow:hidden;
padding-top:20px;
}

#content {             /*style.css (line 121)*/
padding:0pt 0px 10px 30px;
}

.post-wrapper {        /*style.css (line 250)*/
background-color:#F9F9F9;
background-image:url(images/post-bg.gif);
background-repeat:no-repeat;
margin-bottom:15px;
padding:10px;
}

#sidebar-wrapper {     /*style.css (line 127)*/
margin-left:65%;
}

#sidebar {             /*style.css (line 132)*/
margin-right:5px;
margin-top:0px;
padding:0px 10px 10px;
}

#footer {              /*style.css (line 144)*/
background-color:#FFFFFF;
color:#5487ED;
font-size:11px;
padding:1px 0pt;
text-align:left;
}

Code (markup):

cheers,

gary

 

i can design it for you

 

kk5st did try to change that but still looks same, i m not goon in css

SEOpaw can you design it for me,? please

 

Your css is still the same. Edit your css file to apply the rules I gave you. What I gave you does work.

gary

 

kk5st Did the changes have a look

 

i think u need to add a

clear : both;

somewhere in the hello world div tag..
i havnt checked the css file.. so dnt know where exactly..
but thats what it is i think

but ya.. again... i have kinda the same problems with DW CS3 .. just keep checking wat it looks like in the browser , it'll make u more happy .. haha

 

No, you didn't. You're still floating the h1, the slogan, the ul, and I stopped looking. You have also not removed the empty clearing divs from the page.

Match my rules for each selector, line by line.

gary

 

Lawlz, teh Crusties make teh grasshoppers listen : )

 

If only it were true^H^H^H^H possible.

cheers,

gary

 

Gary I did try again, but still same problem

 

It doesn't work if you simply paste the new stuff in and leave the old stuff in place. You have to edit the file to match my versions of those selectors.

Here is the pasted in, line 91

#headerbg h1 {         /*style.css (line 182)*/
font-size:35px;
margin-left:20px;
padding-top:12px;
text-transform:lowercase;
}

Code (markup):

and here's the old, line 194

#headerbg h1 { margin-left: 20px; padding-top: 12px; float: left; text-transform: lowercase; font-size: 35px;}

Code (markup):

gary

 

Users here are really very talented. KUTGW

 

Thank you Gary

For your support, All fixed with your help.

pm sent