The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> HELP! There is a big ugly line on my page..., CSS + inline frame + table = :-(
paulclift
post Jan 24 2010, 09:57 PM
Post #1





Group: Members
Posts: 5
Joined: 24-January 10
Member No.: 10,911
I am in the process of converting my site from plain old bug-ridden HTML to CSS.. most of the process has gone pretty smoothly BUT
a huge ugly line has appeared on a couple of pages where I have a table inside an inline frame. I've tried a million things to get rid of it
but no luck. Any help would be very much appreciated. I'd be happy to post more code on here but I'm not even sure which layer I should post.

Here is a link to the page in question: http://paulclift.net/listen.htm

Thanks!

Paul
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jan 24 2010, 10:10 PM
Post #2


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 17,881
Joined: 9-August 06
Member No.: 6
I see a table grid, that's all. What browser(s) do you see the line in?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
paulclift
post Jan 24 2010, 10:27 PM
Post #3





Group: Members
Posts: 5
Joined: 24-January 10
Member No.: 10,911
I'm using safari (mac), plus I get the same thing with Firefox (also MAC version)...

This post has been edited by paulclift: Jan 24 2010, 10:34 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Jan 25 2010, 02:37 AM
Post #4


WDG Member
********

Group: Root Admin
Posts: 8,266
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3
Do you mean the scrollbars for the inline frame?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Jan 25 2010, 02:46 AM
Post #5


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9
I see what you mean in Safari/Mac.

Start by fixing the HTML errors (http://htmlhelp.com/tools/validator/) and CSS errors (http://jigsaw.w3.org/css-validator/) of the listen.htm page and the listen_frame.htm that loads in the iframe.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
paulclift
post Jan 25 2010, 12:47 PM
Post #6





Group: Members
Posts: 5
Joined: 24-January 10
Member No.: 10,911
ahh got it! The problem was that I had:

<style type="text/css">
body {overflow:scroll; background-color: transparent}
h1 {color: #FFFFFF; font-weight: bold;}
</style>

INSTEAD OF:

<style type="text/css">
body {overflow:auto; background-color: transparent}
h1 {color: #FFFFFF; font-weight: bold;}
</style>



Many thanks to those who helped!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jan 25 2010, 12:54 PM
Post #7


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 17,881
Joined: 9-August 06
Member No.: 6
Those are scrollbars. biggrin.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
« Next Oldest · Markup (HTML, XHTML, XML) · Next Newest »
 

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

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 19th April 2018 - 08:55 AM
Invision Power Board © 2018  IPS, Inc.
Licensed to: HTMLHelp.com, LLC