The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Image not going 100% width of screen, DIV
tharpdevenport
post Jan 20 2007, 03:58 AM
Post #1


Advanced Member
****

Group: Members
Posts: 201
Joined: 25-October 06
Member No.: 571



See this page:

http://composerbase.150m.com/petertomashekresume.html

The top banner is set to 100% image width, and: Rightmargin=0

And yet on every page I do this on, it doesn't go all the way. I have a gap:

http://img265.imageshack.us/img265/5248/error4ga.png


What gives?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jan 20 2007, 04:48 AM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



What you see is the default margin (or padding) browsers put on BODY. You have only partly removed it in some browsers with the proprietary attributes you use. See this FAQ.
http://htmlhelp.com/faq/html/effects.html#no-margins
There's no need for any of the old proprietary stuff anymore. The browsers that benefit from it, Netscape 4 and older, are so old now that the occational die-hard who still uses them doesn't expect to see perfect pages.

This is enough (in a style sheet).
CODE
body   { margin: 0; padding: 0 }
User is online!PM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
tharpdevenport
post Jan 20 2007, 05:27 AM
Post #3


Advanced Member
****

Group: Members
Posts: 201
Joined: 25-October 06
Member No.: 571



How come it doesn't do it on the TOP or LEFT?

But I changed the <BODY> to rihtMargin=0, while would a style make a difference?
Do I really have to set PADDING? I've never had padding on the sides. But then again, I've always viewed in IE, so...
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jan 20 2007, 05:38 AM
Post #4


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



If you read the FAQ I linked to you will learn that the old attributes you use are specific for IE OR Netscape. You only use part of the bundle.

As I said, you don't need any of that anymore. Remove the attributes you already have and use CSS instead.

It isn't about you using padding. It's about some browsers using padding and some using margin to create an offset around the content - unless YOU override that with your own style sheet.
User is online!PM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
tharpdevenport
post Jan 20 2007, 05:50 AM
Post #5


Advanced Member
****

Group: Members
Posts: 201
Joined: 25-October 06
Member No.: 571



Sorry about that. :-)

I didn't read the lnik because I had no idea it had gone out of date -- I just assumed I was doing something wrong.


I appreciate your help.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jan 20 2007, 07:10 AM
Post #6


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



As I said, it isn't needed anymore. Supported it may be. The browser you look at the page in probably still supports the junk, but, as said, you had only part of of it. rolleyes.gif tongue.gif

User is online!PM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 25th April 2024 - 09:12 AM