Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New Coder
    Join Date
    Sep 2011
    Posts
    61
    Thanks
    9
    Thanked 1 Time in 1 Post

    Expand image to page edge

    I am sitting here with a quite simple problem.
    Most of my friends claiming to know their way about CSS can't figure it out though :S
    I am running a site which I decided should have a new look, so the first I did was making a logo - but I cannot make it stay completely top-left.
    So it looks like this:

    I have already tried all those tags on both the body, html and div blocks:

    Code:
    align:left;
    valign:top;
    border:0px;
    margin:0px;
    padding:0px;
    However nothing changes. Can somebody explain what I need to do?

    EDIT: Link to website: http://sv2.zeroyear.net/gmod/applications/index.php

    SOLUTION:
    There is a weird standard for the margins of the body block.
    Add body{margin:0px 0px 0px 0px;} to your stylesheet to fix (In Firefox at least) and find fixes for other browsers as well if necessary...
    Last edited by Time Sheep; 11-13-2011 at 02:06 AM. Reason: Problem solved

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello Time Sheep,
    We're going to need more info than that. A link to the test site would be best, since this is a question about images.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    New Coder
    Join Date
    Sep 2011
    Posts
    61
    Thanks
    9
    Thanked 1 Time in 1 Post
    Quote Originally Posted by Excavator View Post
    Hello Time Sheep,
    We're going to need more info than that. A link to the test site would be best, since this is a question about images.
    Added a link to the page
    I don't really know how much more info to put though.
    I am 100% sure that the image does not contain any transparent edges or anything. Also a element inspector shows that the image block doesn't go to the edge of the page.

    EDIT: Oookay, I didn't remember that it was necessary to set the margin of the body block to 0, but appearently it helped
    Anyways, thanks for wanting to look into the problem
    Last edited by Time Sheep; 11-13-2011 at 02:04 AM. Reason: Solved

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    See what I mean about needing more info? You said you'd already tried margin: 0;

    Mozilla defaults
    Webkit defaults
    Slightly out of date browser default comparison
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • Users who have thanked Excavator for this post:

    Time Sheep (11-13-2011)

  • #5
    New Coder
    Join Date
    Sep 2011
    Posts
    61
    Thanks
    9
    Thanked 1 Time in 1 Post
    Quote Originally Posted by Excavator View Post
    See what I mean about needing more info? You said you'd already tried margin: 0;

    Mozilla defaults
    Webkit defaults
    Slightly out of date browser default comparison
    Ah, now I see what you mean. I thought you said YOU needed more info :S
    Browsers should be better at following these standards - but thank you anyway
    Need help?
    I work with the following languages:
    HTML: Professional - PHP: Professional - Visual C#: Average - CSS: Average - ASP: Please don't hurt me! ;(
    Currently practicing: Visual C#


  •  

    Posting Permissions

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