www.webdeveloper.com
Results 1 to 8 of 8

Thread: xhtml/CSS layout help

  1. #1
    Join Date
    Jan 2009
    Posts
    20

    xhtml/CSS layout help

    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....ite_layout.css

    xHTML Validator: http://validator.w3.org/check?uri=ht...Inline&group=0
    CSS Validator: http://jigsaw.w3.org/css-validator/v...ning=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!

  2. #2
    Join Date
    Jan 2009
    Posts
    20
    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,

  3. #3
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    Remove these div tags:
    Code:
    		</div>
    		<!-- ending headlines wrap -->	
            
            <!-- starting mid -->
            <div id="midWrap">
    At least 98% of internet users' DNA is identical to that of chimpanzees

  4. #4
    Join Date
    Jan 2009
    Posts
    20
    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?

  5. #5
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    Remove .navWrap completely.
    At least 98% of internet users' DNA is identical to that of chimpanzees

  6. #6
    Join Date
    Jan 2009
    Posts
    20
    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. :/

  7. #7
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    The width is ignored because of the p, so just leave the height in .navWrap
    At least 98% of internet users' DNA is identical to that of chimpanzees

  8. #8
    Join Date
    Jan 2009
    Posts
    20
    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.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles