The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Help with horizontal lines in internet explorer., Firefox works fine, but ie shows horizontal lines
ibshi
post Sep 6 2011, 09:16 PM
Post #1





Group: Members
Posts: 3
Joined: 6-September 11
Member No.: 15,344



I know that there is a better way to do this, but I am limited on my knowledge of web design and html. Tables work for me.
I am trying to get rid of the horizontal lines above and below the body in this site: http://roll-n-gosmokes.com . Any help would be greatly appreciated.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Sep 6 2011, 11:23 PM
Post #2


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



Please see the FAQ entry How do I eliminate the margins around my page?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
ibshi
post Sep 7 2011, 09:22 PM
Post #3





Group: Members
Posts: 3
Joined: 6-September 11
Member No.: 15,344



Thank you Darin for trying to help, but I tried adding the values from: "Please see the FAQ entry How do I eliminate the margins around my page?" on everything on a test page of http://roll-n-gosmokes.com/test.html . This page is using a test template also.

Can anyone show me exactly where to add values to eliminate these white line on my main page of: http://roll-n-gosmokes.com/ ? When I preview this from my hard drive, all looks ok in internet explorer. The lines appear after uploading to my web server. My web server claims that is my problem.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Sep 7 2011, 10:18 PM
Post #4


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

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



I don't see any margins on http://roll-n-gosmokes.com/test.html . The other page doesn't have the CSS to remove the margins.

The advice in the FAQ is a little outdated. Instead of the below shebang

CODE
<body marginheight="0" topmargin="0" marginwidth="0" leftmargin="0" style="margin:0;padding:0">


add this to one of your style sheets.

CODE
body   { margin: 0; padding: 0 }


The rest isn't needed (marginheight="0" topmargin="0" marginwidth="0" leftmargin="0"). It's non standard and no browser newer than Netscape 4 will benefit from it. It's better to add it to your style sheet once than to use a style attribute in every body tag.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
ibshi
post Sep 10 2011, 09:14 PM
Post #5





Group: Members
Posts: 3
Joined: 6-September 11
Member No.: 15,344



I think I did what you said, but still have the lines. I'm sorry to bother you again, but is this what you meant?
</head>

<body { margin: 0; padding: 0 }>
Please take a look at the site @ roll-n-gosmokes.com

Thank you again.




QUOTE(pandy @ Sep 7 2011, 10:18 PM) *

I don't see any margins on http://roll-n-gosmokes.com/test.html . The other page doesn't have the CSS to remove the margins.

The advice in the FAQ is a little outdated. Instead of the below shebang

CODE
<body marginheight="0" topmargin="0" marginwidth="0" leftmargin="0" style="margin:0;padding:0">


add this to one of your style sheets.

CODE
body   { margin: 0; padding: 0 }


The rest isn't needed (marginheight="0" topmargin="0" marginwidth="0" leftmargin="0"). It's non standard and no browser newer than Netscape 4 will benefit from it. It's better to add it to your style sheet once than to use a style attribute in every body tag.

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Sep 10 2011, 09:53 PM
Post #6


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

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



No, you put that line in one of your style sheets. You have one linked style sheet and two embedded style blocks.

There are basically three ways to apply CSS to a page. A linked style sheet (an external .css file) which is the best option because you only need to do it once for your whole page and the style sheet will be cached, making your site faster, a style block in HEAD (not equally good since you need to repeat the whole thing for each page) and using style attributes in individual HTML tag. The last method pretty much sucks for more than quick fixes.

So, if you still want it in the BODY tag you must use a style attribute. If you put it in the linked style sheet instead you get rid of the margins for your whole site in one go, provided you link to that style sheet from every page.

See a more thorough explanation here http://htmlhelp.com/reference/css/style-html.html .
User is offlinePM
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: 19th April 2024 - 06:33 PM