...

View Full Version : Resolved Expand image to page edge



Time Sheep
11-13-2011, 02:24 AM
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:
http://up-it.dk/uploads/111113/9sg-Untitled.png
I have already tried all those tags on both the body, html and div blocks:


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

Excavator
11-13-2011, 02:30 AM
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.

Time Sheep
11-13-2011, 02:31 AM
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 :)

Excavator
11-13-2011, 04:12 AM
See what I mean about needing more info? You said you'd already tried margin: 0;

Mozilla defaults (http://hg.mozilla.org/mozilla-central/file/tip/layout/style/html.css)
Webkit defaults (http://trac.webkit.org/browser/trunk/Source/WebCore/css/html.css)
Slightly out of date browser default comparison (http://lists.w3.org/Archives/Public/www-style/2008Jul/att-0124/defaultstyles.htm)

Time Sheep
11-13-2011, 12:54 PM
See what I mean about needing more info? You said you'd already tried margin: 0;

Mozilla defaults (http://hg.mozilla.org/mozilla-central/file/tip/layout/style/html.css)
Webkit defaults (http://trac.webkit.org/browser/trunk/Source/WebCore/css/html.css)
Slightly out of date browser default comparison (http://lists.w3.org/Archives/Public/www-style/2008Jul/att-0124/defaultstyles.htm)

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 :)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum