Click to See Complete Forum and Search --> : xhtml/CSS layout help


xxguit3rxx
02-21-2009, 09:06 AM
Hey,

I have a few problems I have discovered, I am coding for a friend, a free job. I don't know if this is the right section because it involves both xHTML and CSS.

1) The right column isn't completely reaching the top's alignment. (I will give my source code validation links below. The xhtml one I can't figure out because I do not see a problem with it, I have used it before the same code and it works). I think its not getting aligned because some xhtml may not be closed properly as the validator shows.

2) The CSS class; navWrap, when I was coding it I made a mistake and added a "p" after the { so like, navWrap {p, I tried to remove it but it messes with the whole template layout, all the columns get overlapped and centered in the template, the login box on the right gets pushed under the navbar and floated to the left.

Error Screenshots (This is the result of removing the p from outside the navwrap bracket.)
---
http://i44.tinypic.com/300bi1j.jpg
http://i43.tinypic.com/2qaqlwo.jpg
---
3) All of this I would like to do without a negative margin, I know its possible it is just not working. I get the same result on all browsers, I haven't tried IE6 because I have IE7 installed, but its probably the same.

-----
Site Link: http://a1syndicate.virtuoso-studios.site40.net/
CSS Link: http://a1syndicate.virtuoso-studios.site40.net/css/site_layout.css

xHTML Validator: http://validator.w3.org/check?uri=http%3A%2F%2Fa1syndicate.virtuoso-studios.site40.net%2Findex.php%3Fsite%3Dnews&charset=(detect+automatically)&doctype=Inline&group=0
CSS Validator: http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fa1syndicate.virtuoso-studios.site40.net%2Findex.php%3Fsite%3Dnews&profile=css21&usermedium=all&warning=1&lang=en
-----

Any help would be greatly appreciated as I can not figure this out, and his gaming organization is in need of this template coded.

Thanks!

xxguit3rxx
02-23-2009, 06:42 AM
Hey,

For my right side not aligning up, I do not think its my code being invalid, because the CMS I am using, it draws the news html code from a seperate html file, not my index page so that can't be the reason because its not in my original php file, only the include is. So could anyone please reply to this post and try to assist me, again I would not like to use a negative margin.

Thanks,

Fang
02-23-2009, 07:18 AM
Remove these div tags: </div>
<!-- ending headlines wrap -->

<!-- starting mid -->
<div id="midWrap">

xxguit3rxx
02-23-2009, 04:44 PM
Thank you very much fang :P Now the other issue that is troubling me, the navWrap {p I searched my css and html looking for unclosed tags to see if thats why my template messes up when i remove the p from the closing css tag. But I Can not find anything?

Any help with that?

Fang
02-24-2009, 01:14 AM
Remove .navWrap completely.

xxguit3rxx
02-24-2009, 06:14 AM
That doesnt seem to work, the navWrap is containing my nav and login area. When I remove it, the whole site goes out of line and centers. :/

Fang
02-24-2009, 06:42 AM
The width is ignored because of the p, so just leave the height in .navWrap

xxguit3rxx
02-24-2009, 06:49 AM
Thanks fang. I have been viewing it off of my pc for a bit. I just uploaded it, and I think when we got rid of some of the wraps. The bottom of the middle content doesnt show. Like the bottom news post almost has the bottom cut off with the buttons just floating over blue content, And if I post a new news, then the next oldest one just gets the floating blue.