I have been pulling my hair out trying to get this layout to work using
DIV tags. With all the bugs, and hacks that I have been reading
through in a ton of pages, I can't seem to get the recipe right.
The layout that I am looking for is this:
Logo Here
(Fixed Height Width)
Title Area
Melton Cartes wrote:
Can someone list some very basic rules for laying out CSS for
printing purposes? What are the... top 5 (or 3) things to know about
CSS for print vs. for screen?
This article might help:
http://css-discuss.incutio.com/?page=PrintStylesheets
Make sure you set your
Hi all,
I have the folloing problem :
My table shows a vertical scroll bar with IE and no scroll bar on
firefox when the following entry is present on my jsp file:
tbody.myscrollContent {
overflow: auto;
}
How do i enable the vertical scroll bar on firefox also?
Thanks
Binita
I have been pulling my hair out trying to get this layout to work using
DIV tags. With all the bugs, and hacks that I have been reading
through in a ton of pages, I can't seem to get the recipe right.
The layout that I am looking for is this:
Hi all,
I am a new-bie to css. Please help me with this problem:
My table shows a vertical scroll bar with IE and no scroll bar on
firefox when the following entry is present on my jsp file:
tbody.myscrollContent {
overflow: auto;
}
How do i enable the vertical scroll bar on firefox?
Binita Bharati (bbharati) wrote:
Hi all,
I am a new-bie to css. Please help me with this problem:
My table shows a vertical scroll bar with IE and no scroll bar on
firefox when the following entry is present on my jsp file:
tbody.myscrollContent {
overflow: auto;
}
How do i enable
but IE still pushes the other divs down and really messes things up
Hi,
It looks like you are trying to fit the divs which add up to 89em
(5+15+3+66):
#navcol {
MARGIN-LEFT: 5em; WIDTH: 15em; TEXT-ALIGN: right
}
#wrapper {
PADDING-BOTTOM: 3em; MARGIN-LEFT: 3em; WIDTH: 66em
}
Steven Garno wrote:
I have been pulling my hair out trying to get this layout to work
using DIV tags. With all the bugs, and hacks that I have been
reading through in a ton of pages, I can't seem to get the recipe
right.
Can't help you with your hair-problem, and I think you'll run into
On 25/03/2008, at 7:17 PM, Kepler Gelotte wrote:
but IE still pushes the other divs down and really messes things up
By relaxing the left margin slightly solves the problem:
#wrapper {
PADDING-BOTTOM: 3em; MARGIN-LEFT: 2em; WIDTH: 66em
}
What about widening the #topwrapper
Thanks for the feedback, David. This should be fixed now.
Todd
On Mon, 24 Mar 2008 11:49, David Hucklesby wrote wrote:
Hmm. Now I see the movie in some browsers, but not in IE (6 or 7).
Something is converting ampersands to HTML entities, though. Perhaps
this should be fixed.
Good catch, Georg, and thanks. For some reason, the CMS was removing
the second slash when it was adding the JS to the pages. I added the
JS directly to the page (instead to the CMS doing it) and it resolved
the problem.
For those that asked, the CMS is custom built via Ruby on Rails.
On Mon,
rollandburn wrote:
http://carruthersfoundation.com/images/clippage.png
Use relative instead of absolute positioning over the edge.
Example:
http://www.gunlaug.no/tos/alien/rb/test_08_0325.html
CSS:
http://www.gunlaug.no/tos/alien/rb/test_08_0325_files/screen00.css
regards
Georg
--
What about widening the #topwrapper instead to 90em?
Would that have the same effect?
I would *assume* so. My guess is that IE has some float rounding error when
figuring how much room is available in divs.
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ
Is there a way to reduce the opacity of the background color of a div to a
percentage less than 100%, but not completely transparent? 50% for example.
Daniel Hammond
2227 Dunseath Avenue
Atlanta, GA 30318
770-842-8817
www.objectivedesigns.com
yes there is a way:
check this out:
http://www.w3schools.com/css/css_image_transparency.asp
Nina..
- Original Message
From: Daniel Hammond [EMAIL PROTECTED]
To: css-d@lists.css-discuss.org
Sent: Tuesday, March 25, 2008 5:27:21 PM
Subject: [css-d] div background opacity
Is there a
| Is there a way to reduce the opacity of the background color
| of a div to a percentage less than 100%,
| but not completely transparent?
| 50% for example.
| Daniel Hammond
| yes there is a way:
| check this out:
| http://www.w3schools.com/css/css_image_transparency.asp
| Nina..
Thanks,
One of my sites in IE (6,7) sometimes doesn't load CSS - it seems it loads just
portions of it but not all. Refresh with SHIFT usually helps but not always.
Whenever we update css we create a new path (version) in the URL for example
http://domain.com/css/version1234/style.css. The main
I have a dropdown menu that just won't behave in IE6 or IE7.
IE6:
The links won't fill their container, only the text is an active link.
Typically I'd just give the links layout, but that breaks things even
worse (makes them 100% of body width).
IE7:
Dropdowns don't go away unless you re-hover
There are lots of possible fixes for lots of possible IE errors, so could
you supply a URL?
Oops haha
Here: http://www.trademarkads.org/healthstar
Seems I need to get some coffee.
__
css-discuss [EMAIL PROTECTED]
On Tue, Mar 25, 2008 at 11:08 AM, Kenny Graham [EMAIL PROTECTED]
wrote:
I have a dropdown menu that just won't behave in IE6 or IE7.
There are lots of possible fixes for lots of possible IE errors, so could
you supply a URL?
Thanks
--
Susan R. Grossman
[EMAIL PROTECTED]
Matt wrote:
One of my sites in IE (6,7) sometimes doesn't load CSS - it seems it loads
just portions of it but not all. Refresh with SHIFT usually helps but not
always.
Whenever we update css we create a new path (version) in the URL for example
Daniel Hammond wrote:
| Is there a way to reduce the opacity of the background color
| of a div to a percentage less than 100%,
| but not completely transparent?
| 50% for example.
| Daniel Hammond
| yes there is a way:
| check this out:
|
Oops haha
Here: http://www.trademarkads.org/healthstar
Seems I need to get some coffee.
OK I fixed the IE7 problem by stripping out the whole nav thing and
building a bare-bones one. IE6 still dies horribly if I give the
subnav items layout. :(
I don't have IE6 to check it out but it already looks better in IE7.
Still got 2 problems:
1. Same page: http://mesfiji.org/about/mes-staff
In IE7 (and I would assume the same in IE6), the text in the dd gets
pushed down below the image. Now I know that IE has trouble fitting
floats, but there
Elle Meredith wrote:
2. A different page: http://kids.mesfiji.org/ IE doesn't see my
links that are scattered over the map. How can I fix it?
Add...
#home #ocean a { background: url(noimg.png);}
#home #ocean a:hover {background-position: 0 0;}
...to give IE something (a non-existing
From: Elle Meredith [EMAIL PROTECTED]
1. Same page: http://mesfiji.org/about/mes-staff
In IE7 (and I would assume the same in IE6), the text in the dd gets
pushed down below the image.
Add {display: inline;} to your #navcol selector to defeat IE6's doubled float
margin bug (which is dropping
Elle Meredith wrote:
1. Same page: http://mesfiji.org/about/mes-staff In IE7 (and I would
assume the same in IE6), the text in the dd gets pushed down below
the image.
You can add...
.team dd.pic {float: left;}
...to fix IE6 and IE7 without disturbing other browsers.
Also, add...
#navcol
On 26/03/2008, at 12:34 PM, Gunlaug Sørtun wrote:
BTW: that page looks a bit funny when subjected to font-resizing, as
most containers are sized in 'em' but the dl has a width in 'px'.
Creates lots of whitespace down the page.
Thank you guys. All fixed and point above taken and implemented.
28 matches
Mail list logo