MC Web Designs
- Joined
- Oct 28, 2010
- Messages
- 888
- Reaction score
- 111
what the duck, yesterday night i posted the solution for your problem with a big statement, why my post is removed -.-
i wont type the whole statement again, just u kno: your problem is that u didnt calculate the correct width for the boxes. u should add
at the top of your css to avoid the browser preseted auto padding and margin.Code:* { padding: 0; margin: 0; }
then u must learn the total width is: margin-left + border-left-width + padding-left + width + padding-right + border-right-width + margin-right.
u actually failed by making the divs to large when u tried to add the side-bar, so the 2nd floated div will wrap (like wordwrap).
so thats the solution:
Code:<div class="wrapper"> <div class="side-bar">side bar<br />side bar<br />side bar<br />side bar<br />side bar<br /></div> <div class="content"> <p id="heading"><strong>News, Updates & Events!</strong></p> ...table... </div> <div style="clear: both;"></div> </div>
result:Code:.side-bar { float: left; width: 200px; background-color: #666666; } .content { float: left; width: 690px; padding-left: 0; padding-right: 0; }
now as last i want to tell u:
1. your program style is horrible, u guys will fail on big projects because the php coder just include any php file where dynamic content is needed, on complex produces it will be hard.
2. then, i see u use many css3 specifications, learn to work with png files.
3. then again, you should try to avoid tables for the design
4. im not a dude btw
5. and i didnt want the php file, i wanted just the html, did u never check only the html source in your browser by "view page source"?
sigh, who deleted my old post, thx, im mad on u, you stole my time.
Thanks for the help.
But:
1. We cant all be pro overnight.
2. I'm the only person who made and coded this website.
3. Thanks for the reply, but you didnt need to rub stuff in my face because my code isnt as good as you you want.
4. I posted the whole PHP file because I could be assed selecting the main HTML.
5. I might not even make the sidebar in CSS I might do it in JS and make it come in at the sides.
6. I seen your post and I did comment back on it, and someone did delete it.