Tue, 2010-08-17 16:15
(not sure if this is the right forum)
I've checked Opera, Chrome, IE, and Firefox for this website and realized Firefox is having a major space issue. There is not suppose to be a major gap between the gray bar "Featured Stories" and the three thumbnail images/categories.
Here is the CSS for the gray bar:
/* The blue, gray, and white line under the front page's slideshow and above the Featured Stories */ .blue_line { margin-left:335px; margin-top: 394px; position: absolute; }
Here is a sample of the div displaying one of the thumbnail images/categories:
/* This is actually the Faculty box under the slideshow */ #featuredstories { width:100px; float:left; padding:0px -100px 9px 0px; margin-left:335px; margin-right:43px; margin-top: 35px; position: relative; }
How can I target just Firefox to make the correction?
Thanks!
Tue, 2010-08-17 16:29
#1
Let's start here -
Let's start here - http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Flisuncg.net%2F - and then we can resume once it's validated.
Tue, 2010-08-17 17:11
#2
I found a way to do it.
I found a way to do it. Thanks!
Tue, 2010-08-17 20:42
#3
That is not self evident.
That is not self evident. XHTML1.1 may not be served as text/html. You may use xhtml1.0. There are several other errors in your markup. If you haven't fixed them properly, you've only slapped a bandage on the problem.
You're trying to use margin for spacing, but there's a strange use of clearing and an empty div that the margin has to work against as proxy for the absolute positioned element that really matters. In fact, there are a number of elements that are both float and absolute position. The two are mutually exclusive.
That's such a simple layout, there's no reason for the complexity you've added.
BTW, library and information science is the single most helpful course of studies toward becoming a competent web-site developer.
cheers,
gary