Re: [css-d] Float problem. I think.
On 12.07.2012 01:17, bho...@aol.com wrote:
I'm doing over a very old website, and I'm having a problem with a floated
div (content_main) not staying to the upper right.
You are apparently using overflow: auto; on div class=section to
contain floats, which creates a scrollbar that takes up space so the
right float can't fit alongside the left.
Make that '.section {overflow: hidden;}' and it will line up as intended.
regards
Georg
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Float problem. I think.
Greg,
Thanks. That always bites me.
Thanks again,
Bruce
In a message dated 7/11/2012 8:40:31 P.M. Eastern Daylight Time,
gunla...@c2i.net writes:
On 12.07.2012 01:17, bho...@aol.com wrote:
I'm doing over a very old website, and I'm having a problem with a
floated
div (content_main) not staying to the upper right.
You are apparently using overflow: auto; on div class=section to
contain floats, which creates a scrollbar that takes up space so the
right float can't fit alongside the left.
Make that '.section {overflow: hidden;}' and it will line up as intended.
regards
Georg
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] float problem in IE6/7
Well, thanks anyway. Best~ Wenlong. From: David Laakso da...@chelseacreekstudio.com To: Wenlong Xu longa...@yahoo.com.cn Cc: css-discuss css-d@lists.css-discuss.org Sent: Mon, December 7, 2009 9:27:37 AM Subject: Re: [css-d] float problem in IE6/7 Wenlong Xu wrote: Hi, David. i have just solved it in your way. Thank you for your help. However, I'm pretty curious about why the former code doesn't work well in IE6/7. do you have any ideas? Thank you! We will both need to rely on someone else to answer that good question. As for myself, I have more than enough difficulty getting anything to work at all. And I mean that. I leave more esoteric matters, such as explaining why something does not work, to others who are far better qualified. than me. Best, ~d ___ 好玩贺卡等你发，邮箱贺卡全新上线！ http://card.mail.cn.yahoo.com/__ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] float problem in IE6/7
Wenlong Xu wrote: Hi, dear all, I have met a float problem in IE6/7. code: div id=1 style=background-color: #0f0; div style=float:left;height:30px;width:100%; /div div style=clear:both;/div /div div id=3 style=background-color: #f00;height:5px; margin: 0 5px;/div it looks pretty good in FF3+/IE8, but in IE6/7 the #3 DIV seems to be inside #1 DIV. is this a IE bug or something else? how to fix it? any reply will be helpful, thanks. Change id=1 to id=one and id=3 to id=three with the appropriate changes to your style sheet, and then try it out to see how it works. If you have any other div ID's that start with numerals, they must also be changed to start with a letter [A-Za-z]. See http://www.w3.org/TR/1999/REC-html401-19991224/types.html section 6.2 SGML basic types. Reese __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] float problem in IE6/7
Wenlong Xu wrote:
Hi, dear all,
I have met a float problem in IE6/7.
code:
div id=1 style=background-color: #0f0;
div style=float:left;height:30px;width:100%;
/div
div style=clear:both;/div
/div
div id=3 style=background-color: #f00;height:5px; margin: 0
5px;/div
it looks pretty good in FF3+/IE8, but in IE6/7 the #3 DIV seems to be inside
#1 DIV.
is this a IE bug or something else? how to fix it?
any reply will be helpful, thanks.
Wenlong.
It is not necessary to float the lime block. Consequently, it is not
necessary to clear the float. The html comment !-- #nbsp;-- simply
tells the software (specifically IE/6) that there is something in the
division(s).
Set it like this and compliant browsers, and even IE/6.0 and IE/7.0 will
be on-board:
!doctype html
html lang=en
head
meta http-equiv=content-type content=text/html; charset=utf-8
titleabc/title
style type=text/css
body {margin:0; background: #fff; color:#000;}
#a {background:lime;height:30px; width:100%;}
#b {background:red;height:5px; margin: 0 5px;}
/style
/head
body
div id=a!-- #nbsp;--/div
div id=b!-- #nbsp;--/div
/body
/html
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] float problem in IE6/7
Hi, David.
i have just solved it in your way.
Thank you for your help.
However, I'm pretty curious about why the former code doesn't work well in
IE6/7.
do you have any ideas?
Thank you!
From: David Laakso da...@chelseacreekstudio.com
To: Wenlong Xu longa...@yahoo.com.cn
Cc: css-d@lists.css-discuss.org
Sent: Mon, December 7, 2009 7:21:56 AM
Subject: Re: [css-d] float problem in IE6/7
Wenlong Xu wrote:
Hi, dear all,
I have met a float problem in IE6/7.
code:
div id=1 style=background-color: #0f0;
div style=float:left;height:30px;width:100%;
/div
div style=clear:both;/div
/div
div id=3 style=background-color: #f00;height:5px; margin: 0
5px;/div
it looks pretty good in FF3+/IE8, but in IE6/7 the #3 DIV seems to be inside
#1 DIV.
is this a IE bug or something else? how to fix it?
any reply will be helpful, thanks.
Wenlong.
It is not necessary to float the lime block. Consequently, it is not
necessary to clear the float. The html comment !-- #nbsp;-- simply
tells the software (specifically IE/6) that there is something in the
division(s).
Set it like this and compliant browsers, and even IE/6.0 and IE/7.0 will
be on-board:
!doctype html
html lang=en
head
meta http-equiv=content-type content=text/html; charset=utf-8
titleabc/title
style type=text/css
body {margin:0; background: #fff; color:#000;}
#a {background:lime;height:30px; width:100%;}
#b {background:red;height:5px; margin: 0 5px;}
/style
/head
body
div id=a!-- #nbsp;--/div
div id=b!-- #nbsp;--/div
/body
/html
___
好玩贺卡等你发，邮箱贺卡全新上线！
http://card.mail.cn.yahoo.com/__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] float problem in IE6/7
Thanks for your reply. Please forgive me my careless. in the real application, i'm sure every selector name is appropriate. here just use '1', '2' for short. anyway, Thank you! ___ 好玩贺卡等你发，邮箱贺卡全新上线！ http://card.mail.cn.yahoo.com/__ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] float problem in IE6/7
Wenlong Xu wrote: Hi, David. i have just solved it in your way. Thank you for your help. However, I'm pretty curious about why the former code doesn't work well in IE6/7. do you have any ideas? Thank you! We will both need to rely on someone else to answer that good question. As for myself, I have more than enough difficulty getting anything to work at all. And I mean that. I leave more esoteric matters, such as explaining why something does not work, to others who are far better qualified. than me. Best, ~d __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Float problem
MOHAMMED NASEER wrote:
that does the job but it's out of place from the rest of the layout
due to the border. I tried wrapping it up in a div, applied a class
with 'clear:left' and that did the trick :-)
On 24 Sep 2009, at 16:31, Thierry Koblentz wrote:
Try to you use a fieldset instead of a p to wrap the radio buttons
and use clear:left on that fieldset. That you should fix your
float problem as fieldsets create a new block-formatting context
and will also contain the floats. Also, using fieldset is more
semantic than using paragraphs for this.
Try
fieldset { border: 0; }
Cordially,
David
--
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Float problem
Hi - I was working on a tutorial and they suggested adding 'clear:
left;' to the descendent selector below in order to remove the
problem of next label/question ( in this case: 'Rate your apartment
farming skills' ) wrapping around the float in case where the text for
the question/label before runs more than one line, as is the case with
the second label.
Although this problem is fixed, but now I am running into another
problem in that the next 'input types' ( Novice, Intermediate, and
Advanced ) are wrapping around the long text. How can I best resolve
this - thanking in advance, Naz.
#subForm .label {
float: left;
width: 230px;
margin-right: 10px;
text-align: right;
font-weight: bold;
clear: left;
}
.
form id=subForm name=subForm method=post action=
plabel for=name class=labelWhat is your
name?/label
input type=text name=name id=name
//p
plabel for=email class=labelWhat is your email
address? There's one last step for these labels. Because they're
floated to the left, if the
text runs more than one line, the question that follows will also try
to wrap around to the right./label/* ...SECOND LABEL */
input type=text name=email id=email
//p
pspan class=labelRate your apartment farming
skills/span
label
input name=skill type=radio value=novice
/Novice/label
label
input name=skill type=radio
value=intermediate /
Intermediate/label
label
input name=skill type=radio value=advanced
/Advanced/
label
/p
.
/form
Try to you use a fieldset instead of a p to wrap the radio buttons and use
clear:left on that fieldset. That you should fix your float problem as
fieldsets create a new block-formatting context and will also contain the
floats.
Also, using fieldset is more semantic than using paragraphs for this.
--
Regards,
Thierry | http://www.TJKDesign.com
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Float problem
that does the job but it's out of place from the rest of the layout due to the border. I tried wrapping it up in a div, applied a class with 'clear:left' and that did the trick :-) On 24 Sep 2009, at 16:31, Thierry Koblentz wrote: Try to you use a fieldset instead of a p to wrap the radio buttons and use clear:left on that fieldset. That you should fix your float problem as fieldsets create a new block-formatting context and will also contain the floats. Also, using fieldset is more semantic than using paragraphs for this. -- Regards, Thierry | http://www.TJKDesign.com __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Float problem in Firefox
Try this: http://www.alistapart.com/articles/multicolumnlists Bob - Original Message - From: David Laakso da...@chelseacreekstudio.com To: Gaurav Sharma sharmal...@gmail.com Cc: css-d css-d css-d@lists.css-discuss.org Sent: Sunday, March 29, 2009 12:10 PM Subject: [css-d] Float problem in Firefox Gaurav Sharma wrote: Hi, I have a small problem with float in Mozilla. http://gauravsharma.uuuq.com I need two lists side-by-side. Please help. Thanks and regards, Gaurav Sharma. css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Float problem in Firefox
Gaurav Sharma wrote:
http://gauravsharma.uuuq.com
First: your example keeps all IE/win versions in a rendering mode
equivalent to that of IE5.5 - Quirks Mode, and doesn't allow for any
improvements made in IE6, IE7 and IE8. Not very wise to block all
progress made to IE, so I hope you don't do that in real designs.
Non-IE browsers don't care which mode your pages trigger - or not - as
long as they're styled correctly and completely.
So, your example will work just fine in Firefox and all other browsers,
regardless of mode, if you add some real clearfix styling...
.clearfix:after {
content: .; display: block; height: 0; clear: both; overflow: hidden;
visibility: hidden;
}
...as can be seen in this, more completely styled but still in quirks
mode, copy of your example...
http://www.gunlaug.no/tos/alien/gs/test_09_0329.html
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Float problem in Firefox
--- On Sat, 3/28/09, Gaurav Sharma sharmal...@gmail.com wrote: I have a small problem with float in Mozilla. http://gauravsharma.uuuq.com the background image does not render right. Hi Gaurav, With only a cursory glance, I have a feeling that the structure is slightly more complicated than it need be - there are quite a few nested divs there. However, with what you have, the containing element with the background (#footer) needs to clear the floats that it contains. One method is applying 'overflow: auto' to that element. Alternatives can be found with a search for 'self clearing float'. - Bobby __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Float problem with order of HTML
Rory Fitzpatrick wrote: http://www.roryf.co.uk/projects/safhs This shows the desired effect I want but has the nav first in the HTML. Maybe this all floats layout will work for you... http://www.gunlaug.no/tos/alien/alien/test_08_1029.html Relevant CSS: http://www.gunlaug.no/tos/alien/alien/test_08_1029_files/layout00.css regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Float problem with order of HTML
Rory Fitzpatrick wrote: Hi, I'm trying to create a layout that has the nav section taking up a left hand column from position 0,0 of the container, with a header and then content on the right. I want to do this with the nav HTML element appearing below the header, but without using absolute positioning. My progress so far is at: http://www.roryf.co.uk/projects/safhs Rory Header first, content second, vertical nav third, and footer fourth in source is also possible with a float construction... http://www.chelseacreekstudio.com/ca/cssd/test-61.html -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] float problem: not being contained or something else?
Good morning Gunlaug,
It was foretold that on 24/10/2008 @ 06:35:22 GMT+0200 (which was
02:35:22 where I live) Gunlaug Sørtun would write:
snipped a bit
Delete 'width: 18em' on #puller2 and let that float default to 'width:
auto' and shrink-wrap. Delete 'margin-left: 1em' while you're at it.
That will give you the most stable line-up, at the right edge of #main-top.
When trying to correct it myself yesterday, i indeed used the
'width:auto' but ofcourse forgot about the margin-left.
Works like a charm!!
I also have a float drop in IE: resizing drops the whole content
beneath the nav. Have i messed up my math somewhere?
Think so :-)
It is the percentage (not 100%) that makes it a little harder to
calculate trigger-points.
A quick test gives me these values for near-flawless operation on 96dpi
resolution screens...
* html #container{ width:expression(
(document.documentElement.offsetWidth) (830/12)
* parseInt(document.body.currentStyle.fontSize)? 48.75em
: ((document.documentElement.offsetWidth) (600/12)
* parseInt(document.body.currentStyle.fontSize)? 34.75em : 96%)); }
I raised min-width to 34.75em because IE6 has a tendency to drop content
too early on narrow windows.
Darn, i recalculated all my widths yesterday except for the
expression. Never thought that would be culprit. On the
hand it's the first time i used that technique so i hope i'll be
forgiven ;-)
Guess i need to read your excellent article again :-)
That expression do not work well on other screen-resolutions than 96dpi
- the most widespread one that IE6 may be found on at the moment, and
there's not much I can do about that since resolution can't be easily
checked and used as a variable in expressions.
Oh well, for me it suffices ... i guess if we want to consider all
possible screen resolutions out there and users that change default
font size etc we'll be in the magic business :-)
--
Best regards,
Luc
_
Using the best e-mail client: The Bat! version 4.0.18 with Windows XP
(build 2600), version 5.1 Service Pack 2 and using the best browser:
Opera.
Doctors automatically know what's wrong with you. They have a sick
sense. - Beau M., age 10.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] float problem: not being contained or something else?
Luc wrote: That expression do not work well on other screen-resolutions than 96dpi - the most widespread one that IE6 may be found on at the moment, and there's not much I can do about that since resolution can't be easily checked and used as a variable in expressions. Oh well, for me it suffices ... i guess if we want to consider all possible screen resolutions out there and users that change default font size etc we'll be in the magic business :-) You're right: web design isn't magic - just code :-) FWIW: my expression takes height for font resizing. That's the whole idea behind extracting the browser's own font-size and using it to calculate dimensional trigger-points. And, yes, ideally we should take all those variants and options at the user-end into account while designing. Someone may actually use them. Pity those who create hardware and software don't always agree on how to make all those variants and options interact, as that would have made it much easier for us. As more and more browsers come around to support mediaqueries, we can start doing something useful for end-users with other set-ups and preferences than our own. Still need some leveling on the hardware and software front for it to work consistently though. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] float problem: not being contained or something else?
Good afternoon Gunlaug, It was foretold that on 24/10/2008 @ 17:18:28 GMT+0200 (which was 13:18:28 where I live) Gunlaug Sørtun would write: You're right: web design isn't magic - just code :-) Yup and code is already difficult enough for me, let alone magic ;-) FWIW: my expression takes height for font resizing. That's the whole idea behind extracting the browser's own font-size and using it to calculate dimensional trigger-points. I see ... it starts to fall into place now! And, yes, ideally we should take all those variants and options at the user-end into account while designing. Someone may actually use them. Pity those who create hardware and software don't always agree on how to make all those variants and options interact, as that would have made it much easier for us. As more and more browsers come around to support mediaqueries, we can start doing something useful for end-users with other set-ups and preferences than our own. Still need some leveling on the hardware and software front for it to work consistently though. Couldn't agree more. -- Best regards, Luc _ Using the best e-mail client: The Bat! version 4.0.18 with Windows XP (build 2600), version 5.1 Service Pack 2 and using the best browser: Opera. A democracy is a government in the hands of men of low birth, no property, and vulgar employments. - Aristotle, Rhetoric, Independency. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] float problem: not being contained or something else?
Luc wrote:
http://www.dzinelabs.com/sandbox/ieexpresssion.html
When resizing your browser, and also on resizing the font, all the
headings shift way over. At first i thought it was a containing
float problem but if i'm correct that only effects escaping floats
vertically.
Those headings are contained in #main-top, which has a 'width: 36em'
declared on it. This means it'll have a certain width, and that width
will change with font-resizing but _not_ with window-resizing.
By simply changing that to...
#main-top {width: 100%;}
...and deleting the left paddings on h1 and h2, the line-up will adjust
to window-size with the rest of the page, and won't be affected by
font-resizing.
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] float problem: not being contained or something else?
Hello Gunlaug,
It was foretold that on 23/10/2008 @ 01:26:02 GMT+0200 (which was
21:26:02 where I live) Gunlaug Sørtun would write:
snipped a bit
Those headings are contained in #main-top, which has a 'width: 36em'
declared on it. This means it'll have a certain width, and that width
will change with font-resizing but _not_ with window-resizing.
By simply changing that to...
#main-top {width: 100%;}
...and deleting the left paddings on h1 and h2, the line-up will adjust
to window-size with the rest of the page, and won't be affected by
font-resizing.
That's indeed simple lol.
Your solution works for the main-top but i tried the same for the
nested puller2 div but i had no luck. That one still gives me the
same problem.
I also have a float drop in IE: resizing drops the whole content
beneath the nav. Have i messed up my math somewhere?
http://www.dzinelabs.com/sandbox/ieexpresssion.html
--
Best regards,
Luc
_
Using the best e-mail client: The Bat! version 4.0.18 with Windows XP
(build 2600), version 5.1 Service Pack 2 and using the best browser:
Opera.
To bookmark this homepage or not to bookmark, that is the question.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] float problem: not being contained or something else?
Luc wrote:
Hello Gunlaug,
It was foretold that on 23/10/2008 @ 01:26:02 GMT+0200 (which was
21:26:02 where I live) Gunlaug Sørtun would write:
snipped a bit
Those headings are contained in #main-top, which has a 'width:
36em' declared on it. This means it'll have a certain width, and
that width will change with font-resizing but _not_ with
window-resizing.
By simply changing that to...
#main-top {width: 100%;}
...and deleting the left paddings on h1 and h2, the line-up will
adjust to window-size with the rest of the page, and won't be
affected by font-resizing.
That's indeed simple lol.
Your solution works for the main-top but i tried the same for the
nested puller2 div but i had no luck. That one still gives me the
same problem.
Delete 'width: 18em' on #puller2 and let that float default to 'width:
auto' and shrink-wrap. Delete 'margin-left: 1em' while you're at it.
That will give you the most stable line-up, at the right edge of #main-top.
I also have a float drop in IE: resizing drops the whole content
beneath the nav. Have i messed up my math somewhere?
Think so :-)
It is the percentage (not 100%) that makes it a little harder to
calculate trigger-points. I usually just test and tweak until it is
close enough for comfort.
A quick test gives me these values for near-flawless operation on 96dpi
resolution screens...
* html #container{ width:expression(
(document.documentElement.offsetWidth) (830/12)
* parseInt(document.body.currentStyle.fontSize)? 48.75em
: ((document.documentElement.offsetWidth) (600/12)
* parseInt(document.body.currentStyle.fontSize)? 34.75em : 96%)); }
I raised min-width to 34.75em because IE6 has a tendency to drop content
too early on narrow windows.
That expression do not work well on other screen-resolutions than 96dpi
- the most widespread one that IE6 may be found on at the moment, and
there's not much I can do about that since resolution can't be easily
checked and used as a variable in expressions.
http://www.dzinelabs.com/sandbox/ieexpresssion.html
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Float problem in IE
Here's my second problem of the day: the floated main navigation links are
dropping down incrementally in IE 6, and are doing the same in IE 7, but
also hiding all but the top link in IE 7 behind an image in the div below.
Hi Janie,
Try changing the LI elements of your navigation to inline as in:
#main_nav UL {
FLOAT: right; MARGIN-RIGHT: 20px;
LIST-STYLE: none
}
#main_nav UL LI {
DISPLAY: inline
}
Regards,
Kepler Gelotte
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Float problem
Vicki, Adding the rule display: table; to the ufwus div will fix the float problem in Firefox. As I view the site in IE 6, however, there appears to be major problems. I will send you a screen shot off the list. Jim On Nov 8, 2007 2:15 PM, Vicki Stebbins [EMAIL PROTECTED] wrote: Hi Everyone, I'm almost there with this page http://www.keenstreet-dev.com/trying.html but the floated box on the right keeps going to the bottom of the 'ufwus div' instead of the top and then having the text wrap. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Float problem
Vicki Stebbins wrote:
I'm almost there with this page
http://www.keenstreet-dev.com/trying.html but the floated box on the
right keeps going to the bottom of the 'ufwus div' instead of the top
and then having the text wrap.
The floated box on the right side can't go higher up than the one you
have cleared below navigation on the left side - unless you isolate
the right float from the left. That's how floats are supposed to work.
The addition of...
#ufwus {display: table; height: 1%;}
...will isolate in most browsers.
Can't use 'overflow: hidden' since you have the right float hanging over
the edge.
IE6 is acting up, but I don't have time to fix that old bugger now.
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Float problem
At 09:55 AM 9/11/2007, Gunlaug Sørtun wrote:
Vicki Stebbins wrote:
I'm almost there with this page
http://www.keenstreet-dev.com/trying.html but
the floated box on the right keeps going to the
bottom of the 'ufwus div' instead of the top
and then having the text wrap.
The floated box on the right side can't go higher up than the one you
have cleared below navigation on the left side - unless you isolate
the right float from the left. That's how floats are supposed to work.
The addition of...
#ufwus {display: table; height: 1%;}
...will isolate in most browsers.
Can't use 'overflow: hidden' since you have the right float hanging over
the edge.
IE6 is acting up, but I don't have time to fix that old bugger now.
regards
Georg
--
http://www.gunlaug.no
Hi Georg and Jim,
Many thanks, Firefox is working :-)) I didn't
even think of adding table... I know I certainly
have lots to learn... hopefully that will always be ;-)
I'll repost this with the subject changed so with
the IE 6.0 error just in case anyone knows off
the top of their head. Isn't it a bugger that IE
is such a pain and you just know most people use it!
Thank you so much again for your time.
Kind regards
Vicki
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Float problem
On 10/26/07, Steven Soers [EMAIL PROTECTED] wrote: Hi all, I¹m trying to make the text (textdiv) appear next to the image (like in the example.) But, I don¹t want to give the div that contains the texts a width. If i remove the width, the textdiv appears under the picture. Giving the div a margin is not an option because in case of no picture the text must start on the left side. I putted the text a div because text may not wrap around the image. HTML: http://studio.stage.vintage.be/users/steven/index.html Css:http://studio.stage.vintage.be/users/steven/_assets/css/stylesheet.css Many thanks Steven __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ Can you just float the image and not the div and let the parent determine the width of the text? -- iron sharpens iron __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Float problem
I¹m trying to make the text (textdiv) appear next to the image (like in the example.) But, I don¹t want to give the div that contains the texts a width. If i remove the width, the textdiv appears under the picture. That's because you have the textdiv floated:left. Remove the float and the text will be fine. Of course... I putted the text a div because text may not wrap around the image. You don't want the text to wrap under the image (if present)? Then you need the margin or width. I may not be understanding exactly what you want to do. Pages with image need to have the left column clear, pages without images text should be flush left (no left column)? Tim __ Do You Yahoo!? Tired of spam? Yahoo! Mail has the best spam protection around http://mail.yahoo.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Float problem
Steven Soers wrote: I¹m trying to make the text (textdiv) appear next to the image (like in the example.) But, I don¹t want to give the div that contains the texts a width. If i remove the width, the textdiv appears under the picture. Giving the div a margin is not an option because in case of no picture the text must start on the left side. HTML: http://studio.stage.vintage.be/users/steven/index.html I think you want this effect... http://www.gunlaug.no/tos/alien/ss-1/test_07_1026.html ...which works as described here... http://www.gunlaug.no/contents/wd_example_01_02.html regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Float problem
You're right. Thanks a lot. I've been searching a couple of hours to find a solution for this. From: Gunlaug Sørtun [EMAIL PROTECTED] Date: Fri, 26 Oct 2007 16:45:10 +0200 To: Steven Soers [EMAIL PROTECTED] Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] Float problem Steven Soers wrote: I¹m trying to make the text (textdiv) appear next to the image (like in the example.) But, I don¹t want to give the div that contains the texts a width. If i remove the width, the textdiv appears under the picture. Giving the div a margin is not an option because in case of no picture the text must start on the left side. HTML: http://studio.stage.vintage.be/users/steven/index.html I think you want this effect... http://www.gunlaug.no/tos/alien/ss-1/test_07_1026.html ...which works as described here... http://www.gunlaug.no/contents/wd_example_01_02.html regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Float Problem in IE6
Lyn Williams wrote:
I'm having problem with a some floats on IE6. Could someone checkout
the following page and let me know exactly what is wrong.
http://www.ragonline.co.uk/main/
Some content, or residue from IE's white-space bug, is pushing
mainrightcol from the inside, and IE6 by default doesn't respect
declared dimensions - making mainrightcol too wide.
You can add...
#mainrightcol {overflow-x: hidden;}
...to eliminate IE6' auto-expansion bug and thereby prevent the float
drop.
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Float problem in IE
bill scheider wrote: In IE, the box floats to the right but the text doesn't flow around it. http://tinyurl.com/3anvnc Delete the width on those paragraphs - at least for IE, as the width acts as a 'hasLayout' trigger, making each paragraph a rigid block in IE. There's no way around this effect of the 'Layout' bug but to avoid triggering it. Use margins or paddings to line up those paragraphs as intended. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] float problem
Martin Paton wrote: Hi I've got a nice 3 col layout working. Problem is, in the centre column I need to create an unordered list which needs to be floated left When I clear the float underneath, it any content after the clear appears in the centre column, but just beneath where the left menu ends. This problem affects every browser. Float your centre column too and you'll be able to use floats with clears inside that column with no problem. AC -- Audra Coldiron Rock-n-Roll Design Hosting http://rock-n-roll-design.com KarmaCMS ( http://karmawizard.com ) - the ultimate CSS styled CMS. Pre-made designs, designer tools, and reseller program available! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] float problem. Was: Born again CSS
DO you have a mock pict of how you want the layers to look? As to what order and where? Also checkout http://csscreator.com/divs-do-not-replace-tables http://1976design.com/blog/archive/2004/09/07/link-presentation-fitts-la w/ -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Luc Sent: Friday, June 01, 2007 8:34 AM To: Css list Subject: [css-d] float problem. Was: Born again CSS Good morning list, After over 1 year of not messing with CSS i'm picking up CSS-design again and i'm stunned of how much i already forgot. I'm doing a mockup at the moment involving floats and they go crazy on me. On resizing the viewport the center float jumps down ... is there a kind soul out there that can point me in the right direction to get the floats sit tight? Or maybe i'm on the wrong path and need absolute positioning? page: http://www.dzinelabs.com/projects/MP/Pages/test.html sheet: http://www.dzinelabs.com/projects/MP/Styles/Test%20nav.css -- Best regards, Luc Powered by The Bat! version 3.99.3 with Windows XP (build 2600), version 5.1 Service Pack 2 and using the best browser: Opera. Until you walk a mile in another man's moccasins, you can't imagine the smell. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] float problem...
Sorry, originally posted this from my mobile and there's no 'reply
all', so this didn't make it back to the list
the way the css is defined, #left and #right would need to be nested
inside a div, that's nested inside the 'header-bottom' class, but
that's not how it's marked up.
try simply
#left { width: 190px; float: left; }
#right { width: 560px; float: right; }
this would work too
.header-bottom #left { width: 190px; float: left; }
.header-bottom #right { width: 560px; float: right; }
IMO there's no need because these are ID's, and they won't (or
shouldn't) be found more than once in the markup.
On 11/17/06, Marty Martin [EMAIL PROTECTED] wrote:
I'm having trouble getting div#left and div#right to float correctly. I
want them beside each other but right now they are wrapping under each other
and I can't figure where I'm going wrong with this float...help?!
Here's what I have--
.header-bottom { width:755px; background-color: #FFF; background-image:
url(../img/page-bg.gif); padding-top: 1px; color: #fff; }
.header-bottom div { height: 177px; width: 751px; margin: 0 auto;
background-color: #000c53; }
.header-bottom div #left { width: 190px; float: left; }
.header-bottom div #right { width: 560px; float: right; }
div class=header-bottom
div id=leftleft/div
div id=right
img src=images/urologic-experts-header.jpg width=560 height=177
alt=Roanoke Urology //div
/div
You can view here-- http://urologicsurgeryonline.com/
Thanks!
Marty Martin
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
--
Chris Martin
Web Developer
Open Source Web Standards Advocate
http://www.chriscodes.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Float problem
Hi Christine,
Christine Reed wrote:
http://clairerichco.uk/hypnotherapy.html full css at attached file
Is the url http://www.clairerich.co.uk/whatishypnotherapy.html ?? :)
Problem: Float leaving a huge gap Scroll down to the picture of the
dog - why doesn't it float just ouside the paragraph and has to leave
such a big gap. Have tried and checked everything - so I think
Have a look at this rule:
#content img{
padding:0;
margin:0;
position:relative; -- here
left:177px; -- and here!
}
If you remove (or comment out) the two highlighted lines everything
should become clear!
You might want to add in a left margin declaration too (say,
margin-left:1em )
cheers,
Stuart
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Float Problem
Quoting Tim Zappe:
How do I make this so that the #footer stays at the bottom?
http://www.western.edu/admissions/new/viewbook.html
Thanks
-t
Relevant CSS bits:
#footer{clear:both;width:764px;margin:0 auto;background:#5c5c5c;}
#footer_content{padding:10px 0 0;text-align:left;color:#a0a0a0;}
#footer_nav{clear:both;text-align:center;padding:15px 0 30px;}
#footer_nav a, #extra_nav a{color:#a0a0a0;font-weight:normal;}
#footer_nav a:hover, #extra_nav a:hover{color:#000;}
I fail to see where you instruct for footer to stay at the bottom.
Try adding something like the following to your stylesheet:
position:absolute; bottom:0; left:0;
Given the brevity of your message, I am not entirely sure what you are
trying to
achieve, but I hope my suggestion makes a good starting point.
Roy
--
Roy S. Schestowitz
http://Schestowitz.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] float problem in FireFox
On 18 Jun 2005, at 6:52 am, Bruno Fassino wrote:
The only workaround that I know is:
li {
-moz-float-edge: content-box;
}
Which *is* a good solution.
which makes the lis to behave correctly in presence of floats.
That's a
Mozilla proprietary property so unfortunately it doesn't validate.
You may
prefer restructuring a bit your markup to avoid this situation. Maybe
there
are other workarounds, I don't know.
Given that there is no padding nor borders, one can also use
li {
width:100%;
}
That worked for me when I originally had to work around this bug.
But you must hide that from older browsers like IE Mac and Win.
Philippe
---
Philippe Wittenbergh
http://emps.l-c-n.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] float problem--repost
Jeanne Prine wrote:
Hello,
I'm reposting my question from a few days ago.
Truly desperate now. Can anyone tell me why
this works at 800 x 600 but breaks at 1024 X 768
in Firefox 1.04 and Netscape 6 unless the width of #inner is reduced to 80%
(but then that breaks at 800 x 600)? What I want is for #navcontainer to float
left but it's floating to the far right instead. Layout is based on one of
Doug Livingstone's 3-column
inventions. #outer and #inner are wrapped in a
container div. The columns are intended to be different colors but on this particular page they're all #fff (by design).
Here are the URLs--but my mail program will probably split them onto 2 lines and underline only the first line. Please watch out for the truncated URLs.
www.rx.uga.edu/main/home/redesign/annual_giving.html
www.rx.uga.edu/main/home/redesign/annual.css
---code sample begins---
#outer {
border-left: 227px solid #fff; /*left column background */
border-right: 140px solid #fff; /*right column background */
background-color: #fff; /*center column background */
}
#inner {
margin: 0;
width: 100%;
}
#leftnav {
width: 227px;
margin-left: -227px;
float: left;
position: relative;
z-index: 10;
}
#navcontainer {
background: #fff;
float: left;
width: 126px;
height: auto;
margin: 8px 0 0 4px;
padding: 4px;
border: 1px solid silver;
}
#navcontainer ul {
list-style-type: none;
margin: 0 4px;
padding: 0;
}
#navcontainer li {
background-color: #fff;
padding-bottom: 4px;
color: #333;
font: 11px Verdana, Arial, Helvetica, sans-serif;
white-space: nowrap;
}
#navcontainer a {
background-color: #fff;
color: #333;
border-bottom: 1px dotted silver;
}
#navcontainer a:link, #navcontainer a:visited {
background: transparent;
color: #333;
text-decoration: none;
}
#navcontainer a:hover {
background: transparent;
color: #99;
text-decoration: none;
}
.here {
background: transparent;
color: #99;
text-decoration: underline;
}
---code sample ends---
If anyone can help, I'd really appreciate it.
Thanks!
Jeanne
Jeanne Prine, Webmaster
University of Georgia
College of Pharmacy
[EMAIL PROTECTED]
phone 706-542-5354
fax 706-542-5269
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Hi Jeanne,
The error is from the width: auto; in #outer. It should be
something like:
#outer {
width: 522px;
[...]
}
Goodnight,
Kaspars
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] float problem--repost
Jeanne Prine wrote:
Hello,
I'm reposting my question from a few days ago.
Truly desperate now. Can anyone tell me why
this works at 800 x 600 but breaks at 1024 X 768
in Firefox 1.04 and Netscape 6 unless the width of #inner is reduced to 80%
(but then that breaks at 800 x 600)? What I want is for #navcontainer to float
left but it's floating to the far right instead. Layout is based on one of
Doug Livingstone's 3-column
inventions. #outer and #inner are wrapped in a
container div. The columns are intended to be different colors but on this particular page they're all #fff (by design).
Here are the URLs--but my mail program will probably split them onto 2 lines and underline only the first line. Please watch out for the truncated URLs.
www.rx.uga.edu/main/home/redesign/annual_giving.html
www.rx.uga.edu/main/home/redesign/annual.css
---code sample begins---
#outer {
border-left: 227px solid #fff; /*left column background */
border-right: 140px solid #fff; /*right column background */
background-color: #fff; /*center column background */
}
#inner {
margin: 0;
width: 100%;
}
#leftnav {
width: 227px;
margin-left: -227px;
float: left;
position: relative;
z-index: 10;
}
#navcontainer {
background: #fff;
float: left;
width: 126px;
height: auto;
margin: 8px 0 0 4px;
padding: 4px;
border: 1px solid silver;
}
#navcontainer ul {
list-style-type: none;
margin: 0 4px;
padding: 0;
}
#navcontainer li {
background-color: #fff;
padding-bottom: 4px;
color: #333;
font: 11px Verdana, Arial, Helvetica, sans-serif;
white-space: nowrap;
}
#navcontainer a {
background-color: #fff;
color: #333;
border-bottom: 1px dotted silver;
}
#navcontainer a:link, #navcontainer a:visited {
background: transparent;
color: #333;
text-decoration: none;
}
#navcontainer a:hover {
background: transparent;
color: #99;
text-decoration: none;
}
.here {
background: transparent;
color: #99;
text-decoration: underline;
}
---code sample ends---
If anyone can help, I'd really appreciate it.
Thanks!
Jeanne
Jeanne Prine, Webmaster
University of Georgia
College of Pharmacy
[EMAIL PROTECTED]
phone 706-542-5354
fax 706-542-5269
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Hi Jeanne,
One more thing to add. If this
http://www.redmelon.net/tstme/3cols2/ is the layout you
are trying to achieve (with floating central column) I
suggest you to use the code on that site. Yours is very
messy and there are tags like .bold which do the strong
thing. I mean, the site is okei, but you could make the
code much more cleaner (and floating middle column, to add).
Best regards,
Kaspars
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
