Re: [css-d] Fluid layouts and column background

[Ib Jensen]

2011/2/17 Gabriele Romanato :
> I think that this would be a good tutorial for css-d. Maybe we could think
> to insert it in the wiki section, if not already present:
>
> http://onwebdev.blogspot.com/2011/02/css-fluid-layouts-and-column-background.html
>
> HTH, especially for beginners. :-)
> ps. there's no patent on my demos nor license. Everything is public domain.

Looks good.

I suppose, if you want a reverse layout, you just switch LEFT  and RIGHT float.



Regards
Ib

-- 
Ib K. Jensen - http://ikjensen.me
__
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] Problem With Menu

[Ib Jensen]

2009/11/14 Victor Subervi :
> Hi;
> I've got a css menu here:
> http://angrynates.com/nrelectric.com/
> This works fine in FF but in IE, if you mouseover "Services" the font turns
> black and you can't mouseover the dropdown! It disappears before you can get
> there. What do? Please advise.

Start Correcting the 32 HTML errors, I've found validating the page.

And look through the Script, running the Menu. There is an error
around line 109.



-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] Site check please

[Ib Jensen]

2009/5/20 David Laakso :
> Ib Jensen wrote:
>>
>> 2009/5/20 David Laakso :
>>>
>>> Ib Jensen wrote:

> This star html hack will set the fixed width for IE/6. Leave it in the CSS
> file. Or, if you prefer, put it in an IE/6 "conditional comment." It will
> work either way.
> * html div#side {width:990px;} /* for IE/6 */
>
> The division ( .manchet ) in the right column that has the float right
> images needs to be cleared for IE/6. Add this to the style sheet to do that
> (this will not adversely effect other browsers, so no need to put it in a
> CC):
>
> .manchet:after
>   {
>   content: '.';
>   display: block;
>   height: 0;
>   clear: both;
>   visibility: hidden;
>   }
> .manchet {
>   display: inline-block;
>   }

Thank you, I will use it.


> IE/6 does not support this css selector:
> a[href^="mailto:";]  {background-image:url(email000.png);}
> IE/8, and IE/7, do support it and show your icons.
> If it is necessary to have those two icons in IE/6 you'll need to feed them
> to it with a simple selector. Seems more trouble than it is worth (to me)
> for a browsers that is on "death row." But it is your call...

No need for them in IE6.
I was just hoping :(


> A static screen capture from browsershot will not show how the fonts scale.
> IETester only enables "page zoom," not font-scaling. To test the IEs for
> font-scaling on a native box or the standalone versions
> <http://tredosoft.com/IE7_standalone>.
> In IE/6 it is: view>text size>largest. In IE 7/8 it is: page>text
> size>largest>

Thanks for this information


I know that anything you put on a webpage is sometimes shown
differently in any browser. And even more differently if the user are
using a "homemade" configuration of the browser

To Val Dobson

Thanks for the correction.



-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] Site check please

[Ib Jensen]

2009/5/20 David Laakso :
> Ib Jensen wrote:
>>

> Dunno, but it may be IE/6 is not honoring the advanced selector for the
> missing icons-- but does it really matter? Of more importance (?),  may be
> that neither of the more important content images in the right column,
> reside in their respective containers in IE/6. .

Apart from that the Template was _not made_ for IE6, I would like it
to behave nice.
About the icons, They don't matter, but if they _could_ be shown 


> And, if push came shove, I'd consider setting a fixed width of 990px on the
> page outermost wrapper for IE/6.0 (only). This will prevent the float drop
> in narrow windows, in IE/6.  And, it will resolve that IE/6 does not support
> min/max width.

That should then be in a CC in the header or in a ie.css ?


> I do not know, as well, why you need be particularly concerned with the
> "zoom" toy in IE. Unless you are willing to start from scratch with a
> different layout concept, it may be beneficial to accept IE's "zoom toy" for
> what it is: *page "zoom." *

I was just testing how it behaved in a large size, but should
problably instead have used browsershot.com? to test it in.



-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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-d] Site check please

[Ib Jensen]

Hi

Link:  http://ikjensen.dk

Tested locally in FF 3.0.10 - IE 6/78 (IETester 0.3.3)


Locally known issues:

IE6 dont show my link-"icons"

IE7 - 8 behave rather ok. As FF3.


At 190% Page- or Text-zoom?:

IE6: Arghhh
The template _are_ not made for IE6!

IE7:
Page got a horizontal scroll-bar, and continues out of the viewport.

IE8:
Page continues out of the viewport, but no horizontal scroll-bar.

-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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-d] Site check please

[Ib Jensen]

Hi

Link:  http://ikjensen.dk

Tested locally in FF 3.0.10 - IE 6/78 (IETester 0.3.3)


Locally known issues:

IE6 dont show my link-"icons"

IE7 - 8 behave rather ok. As FF3.


At 190% Page- or Text-zoom:
IE6: Ahhh
The template not made for IE6!

IE7:
Page got a horizontal scroll-bar, and continues out of the viewport.

IE8:
Page continues out of the viewport, but no horizontal scroll-bar.



-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] IE 8

[Ib Jensen]

2009/5/11 david :
> Divya Manian wrote:
>
>> I have also experienced MultipleIEs have issues with javascript (sometimes
>> CSS). Plus it doesn't work as expected when u install IE 8. I am still
>> looking for a good solution to test IE 6/7/8 in one machine, no luck so far.
>
> Linux with VirtualBox and 3 different Windows VM's works.

A "new" toy has been discovered for Win-machines:

IETester

http://www.my-debugbar.com/ietester/index_all.php

Shows your page in IE 5.5, 6, 7, 8.
IE8 only showing, if IE7 is installed.

I don't know if it's having any issues with javascript ?




-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] page review

[Ib Jensen]

2009/4/19 David Laakso :
> Comments and suggestions appreciated.

> 


Well, I got an 404

Local time : 9.05
Denmark



-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] tabled thumbnail gallery to css?

[Ib Jensen]

2009/3/25 bill scheider :
> Ib,
> That looks pretty awesome. Don't know if it'll be any use for this project
> (I'll look more deeply later) but I've definitely bookmarked it for the
> future. Great resource.
> Thanks
> Bill


My own site is build on YAML. With some external borrowing from other
sites, mainly the menus.

Have a look, but just look at the layout / design, because you
problably don't understand or can read the content.

Link : http://ikjensen.dk


-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] tabled thumbnail gallery to css?

[Ib Jensen]

2009/3/23 bill scheider :
> Hi all

> I'd like to re-code that page in css rather than a table. For one thing it'd
> be lots easier to retain the alphabetical order when adding or removing a
> new artist. The current code is certainly a mess and could certainly benefit
> from a cleansing:-)

I don't know if this can be of any help.
But have a look at YAML (http://yaml.de) where you can divide the page
in four columns (max.). And if I read it correct the columns can be
made equal height.


-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] WAS : Size calculations

[Ib Jensen]

2009/3/16 Gunlaug Sørtun :
> Ib Jensen wrote:

>> http:/ikjensen.dk/test/
>>
>> Where is IE hiding the text ??
> Stacked behind the page-background.
>
> Add...
> #menu-frame {position: relative;}
> ...to bring it up front.

Thanks.

And changing em to % is a good idea ??



-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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-d] WAS : Size calculations

[Ib Jensen]

Following a suggestion to a layout I had this result in :

Firefox 3.0 :
http://ikjensen.dk/test/capture_ff.jpg

IE 6.02
http/ikjensen.dk/test/capture_ie.jpg

The interval between the pictures are about 2 min.
Changing from FF to IE

The HTML and css :
http/ikjensen.dk/test/


Where is IE hiding the text ??





-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] Size calculations

[Ib Jensen]

2009/3/16 Gunlaug Sørtun :
> Ib Jensen wrote:

> Think I got the above about right. Hard to compress "a thousand choices"
> into a mail.


Thank you very much for the explanation.

I must invite my self for a long weekend, for a little chit-chat about
developing sites. ;-)



-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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-d] Was : Size calculations

[Ib Jensen]

Hi

A little layout issue.


Link : http://ikjensen.dk/test/

Pictures:
Link : http://ikjensen.dk/test/capture_ff.jpg

Link : http://ikjensen.dk/test/capture_ie.jpg


I tryed a layout suggestion mentioned in the thread: Size calculations.

But had this weird layout issue on my screen, as seen on the pictures.

-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] Size calculations

[Ib Jensen]

2009/3/15 Gunlaug Sørtun :
> Ib Jensen wrote:
>

> First: get the terms, and sizes, right.
>
> Resolution is somewhere between 72 and 300dpi and most viewports/screens
> are between 640 and 3600px wide. Resolution vs pixel-width affect actual
> screen size, so a 2400px wide screen with 220dpi resolution (not many of
> those around, but they're coming) will be physically quite small in
> size. So, forget about 15", 17", 19" and so on for screens. A screen is
> so and so many screen-pixels wide and tall, regardless of its actual size.

Uuuups.

Something that I have completely misunderstood.
Thats problably why I sometimes have problems getting the right size
of the layout i working with locally.


>'em' is locked to font-size, so 'em' is in most cases only useful for
>setting limits - min-width and/or max-width, and those limits should be
>quite generous.
>'px' is also locked, so they're also most useful for setting generous
>limits.

By this, you mean that, how should I write it:

A fluid / Elacstic layout:

"The skeleton" of a layout in %
Font-size in % or em

A fixed layout:

"The skeleton" of a layout in em or px
Font-size in em or px


-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] Size calculations

[Ib Jensen]

2009/3/15 Bill Brown :
> Ib Jensen wrote:

> If you don't care about IE, or you're not using full-height column
> backgrounds, you can get away with this:

I do care about IE ( a lot of faul words ), to a certain limit  IE6 and up.
And wish to use full-height columns without graphics, just colors.


>      #page-frame,#core-panel
>        {width:90%;margin:0 auto}

Now I've had to calculate the other way round. From % to em. ;-)

>      /* Faking display:table-cell for IE as best we can */
>      #menu,#main
>        {display:inline-block!ie}
>      #menu,#main
>        {display:inline!ie}

Is this a way of making a kind of table-layout ??


> Hope it helps.
> --Bill

At least I have something to play with.

Just got finished with your first suggestion.
It showed me that % and em, are two very diiferent units to play with.
I've had to recalculate the meassures, to something smaller. So it
could fit on _my_ screen, but the original meassures will problably
show up differently on another screen.



-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] Size calculations

[Ib Jensen]

2009/3/15 Gunlaug Sørtun :
> Ib Jensen wrote:

> My viewport / screen is 3840pixel wide on one machine, but it is
> 1280pixel wide on another machine and 1440pixel wide on yet another.

Kind a the same problem here:

I'm developing on a 19" widescreen, resolution unknown for the moment.

I'm writing this, looking for tips and tricks and seing my own and
other sites on a 22" widescreen.

> You have to decide if the 100% starting-width is 800, 1024, 1280,
> 1600pixel or something else, since you can't convert percentages into
> 'em' directly for anything but font-size and line-height.

Now you are forcing me do something quit new to me, taking
descissions. Problably because I want to much at the same time.
But I assume that the mostly used monitor-size is either a 17" or 19"
screen, then it should be something around 800 or 1024px.

> If your 100% starting-width is 800pixel, then "800/16='em'" will hit
> right as long as we're dealing with the default font-size for 96dpi.
> If browsers correct correctly for resolution, then it'll still be
> correct (in a manner of speaking) for other resolutions.
>
> Problem is: browsers are not very good at the "various resolution" game
> yet, so you may get more than one actual width as result on higher
> resolutions - depending on browser.
>
> Hope that came through a bit clearer.

I think.

That means roughly, that a "developer" should have at least three
screens with different resolutions and X number of browsers installed,
on different systems, to in fact have a chance to guess which size of
units to use.


-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] Size calculations

[Ib Jensen]

2009/3/15 Gunlaug Sørtun :
> Ib Jensen wrote:
>
>> How do I change these measurements to: em
>
> What are those hypothetical '%' you want to convert to hypothetical
> 'em', relative to?
> That is: what is your hypothetical 100% starting-width?
> You can't convert anything to 'em' without having an absolute starting
> point.


The "template" should fill a total of 90% of the viewport / screen.

I want the header and footer in the "template" to fill 90% of the
viewport / screen.

The left- and content-column in the "template" should only fill 80% of
the viewport / screen.

I don't know if this clears something.



-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] Size calculations

[Ib Jensen]

2009/3/15 Bill Brown :
> Bill Brown wrote:

>/* FLOAT BEHAVIOR SWITCH FOR IE */
>#page-panel { display: inline-block; }

>#page-panel { display: block; }

> I lied: remove the position:relative from that last block. That's an
> artifact from another template. Sorry.


It should be as corrected above your "lie" ;-)


I'll try it out, and se how it looks, and I, maybe be back !


-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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-d] Size calculations

[Ib Jensen]

Hi.

I'm looking for some kind of formular to calculate sizes.

This is a hypotetical question:

I want a 2 column design with header and footer, a left nav- and
info-column, and a right content-column. Centered.


Lets say the size are:

Header and footer :  90%

These two columns together: 80%
Left column: 20-25%
Content column : 80-75%


How do I change these measurements to: em




-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] Shorten width

[Ib Jensen]

2009/3/10 trevor bayliss :
>
> Hi all the green background on the right hand "head" is too wide as shown in 
> this image:
> www.copywritecolombia.com/ie.gif
>
> The page is:
> http://www.copywritecolombia.com/test.php
> How can I make the green header on the right box less wide?
> Also how can I make the height of the left box the same as the right? Thank 
> you


Validation of the page says 6 errors and 2 warnings.


At the end of this line:

text

You have a  with no start 


Maybe you'll find some more _yourself_ by validating the page.


-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] IE Floating problem

[Ib Jensen]

2009/3/7 Ib Jensen :
> 2009/3/7 Alan Gresley :
>> Alan Gresley wrote:
>>>
>>> Ib Jensen wrote:
>>>>

>> .subcolumns {  width: 99%; /* Change to keep IE6 happy */   overflow:hidden; 
>>   }

This wasn't nescessary to adjust, ( I think ). But always nice to know.


Link: http://ikjensen.dk/test/

> Thanks to all.
>
> As mentioned earlier adding : height: 1% to #center solved the problem.
> When I added it directly to default.css. Instead of making a CC.
>
> Adding : margin-top: 1em to #content, might solve the problem with the 
> sidebar.

Adding this last solution solved the problem, Almost.

Maybe fidling with the margin-top, will solve the differences in
height, between sidebar and content. In IE6 ?


-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] IE Floating problem

[Ib Jensen]

2009/3/7 Alan Gresley :
> Alan Gresley wrote:
>>
>> Ib Jensen wrote:
>>>
>>> Link: http://ikjensen.dk/test/  (repaired)
>
>
> I forgot to mention about the float drop in IE6 due to it's quirky handling
> of percentages. The fix is changing the width.
>
> .subcolumns {
>  width: 99%; /* Change to keep IE6 happy */
>  overflow:hidden;
>  }


 Link: http://ikjensen.dk/test/

Thanks to all.

As mentioned earlier adding : height: 1% to #center solved the problem.
When I added it directly to default.css. Instead of making a CC.

Adding : margin-top: 1em to #content, might solve the problem with the sidebar.


-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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-d] IE Floating problem

[Ib Jensen]

Link: http://ikjensen/test/

Having a minor / major problem with this layout and IE6.

The content area starts below the Sidebar.

Which bug have I found here ?

In FF3.0 it shows perfect.


-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] Problem with "extra" white space appearing

[Ib Jensen]

2009/3/3 Joe Polk :
> Thanks in advance for your consideration and help regarding this issue. I
> helped my client purchase and implement a web site template for their new
> business. Unfortunately, there is a problem with part of the CSS which
> "pushes" out the content area of the site past the width that it is supposed
> to go.
>
> The web site is under development at http://www159.pair.com/ngllc/
>

Try validating the page.

My Tidy says:

Result: 0 errorsl / 14 advarsler = Warnings

line 17 column 56 - Advarsel:  element not empty or not closed
line 44 column 1 - Advarsel:  element not empty or not closed
line 44 column 5 - Advarsel:  element not empty or not closed
line 46 column 1 - Advarsel:  element not empty or not closed
line 46 column 5 - Advarsel:  element not empty or not closed
line 49 column 34 - Advarsel:  unexpected or duplicate quote mark
line 64 column 17 - Advarsel:  element not empty or not closed
line 76 column 18 - Advarsel:  element not empty or not closed
line 78 column 17 - Advarsel: discarding unexpected 
line 90 column 17 - Advarsel:  element not empty or not closed
line 107 column 59 - Advarsel:  element not empty or not closed
line 107 column 118 - Advarsel:  element not empty or not closed
line 108 column 67 - Advarsel:  element not empty or not closed
line 48 column 15 - Advarsel: trimming empty 
Info: Doctype given is "-//W3C//DTD XHTML 1.0 Strict//EN"
Info: Document content looks like XHTML 1.0 Transitional






-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] What's IE6 doing

[Ib Jensen]

2009/2/26 David Laakso :
> Ib Jensen wrote:
>>
>> BTW. Are there any links to descriptions of the bugs found in IE, with
>> some sort of explanation and solutions to them. I know (Big) John has
>> some, but are there others ?

> Some more...
> <http://www.satzansatz.de/css.html>
> <http://www.satzansatz.de/cssd/onhavinglayout.html>

Thanks to both for the information.

There is problably more out there in cyperspace, just have to find them.



-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] What's IE6 doing

[Ib Jensen]

2009/2/25 Gunlaug Sørtun :
> Ib Jensen wrote:
>
>> Link: http://ikjensen.dk/test/common/index_f.html
>>

> Described as "the staircase bug" on some bug lists.


Thanks.

BTW. Are there any links to descriptions of the bugs found in IE, with
some sort of explanation and solutions to them. I know (Big) John has
some, but are there others ?




-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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-d] What's IE6 doing

[Ib Jensen]

Hi.

Link: http://ikjensen.dk/test/common/index_f.html


Why are IE6 behaving like this, forming a staircase (at least locally)
out of this.

Mising some clearing or ..


-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] Script and css problem 2

[Ib Jensen]

2009/2/20 David Laakso :
> Ib Jensen wrote:

> What browsers seem to be giving you difficulty with margins?

>>>And a Display markup in some CC, problably in the .js-file.

Webdeveloper in FF 2.x and 3.x


> aside; might be best to keep this thread on css-d, rather than list
> jumping...

OK, by me

It started with a  Script-problem whitch I belived wasn't a subject
here, thats why i wrote in the other list.



-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] Script and css problem 2

[Ib Jensen]

2009/2/20 David Laakso :
> Ib Jensen wrote:
>>
>>
>> Are  you and me writing about the same thing:

> Looks much better. I was on the wrong page. Only your signature link was on
> your post to css-d.

Then you problably missed the second post, where the link was.

I won't comment on what you wrote about some time ago about your vision ;-)



-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] Script and css problem 2

[Ib Jensen]

2009/2/20 Ib Jensen :
> 2009/2/20 David Laakso :
>> Ib Jensen wrote:
>
>> What browsers seem to be giving you difficulty with margins?
>
>>>>And a Display markup in some CC, problably in the .js-file.
>
> Webdeveloper in FF 2.x and 3.x
>
>
>> aside; might be best to keep this thread on css-d, rather than list
>> jumping...
>
> OK, by me
>
> It started with a  Script-problem whitch I belived wasn't a subject
> here, thats why i wrote in the other list.

Ahhh.

Are  you and me writing about the same thing:

My body in .css looks like this:

background:#0b0f3b;color:#f0;font-size:100%;font-family:Georgia,
Times, "Times New Roman", serif;


Link: http://ikjensen.dk/test/

-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] Script and css problem 2

[Ib Jensen]

2009/2/20 Ib Jensen :
> I think I've solved the Font-sizing problem.
>
> But still having some problem with some Negative margins and maybe
> some other things that I've not yet  have discovered

Forgot the link:

http://ikjensen.dk




-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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-d] Script and css problem 2

[Ib Jensen]

I think I've solved the Font-sizing problem.

But still having some problem with some Negative margins and maybe
some other things that I've not yet  have discovered

-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] Font-color issue

[Ib Jensen]

2009/2/15, Jørgen Farum Jensen :
> Ib Jensen skrev:

> I do, too, and have written a couple of well thought of books
> about it in your native language, ref. my signature.
> Includes lots of well documented templates and explanations
> of the whys and wherefores. A whole chapter on best practice
> typography as regards web pages.

I have one of your books, but not the one about css.

I should problably look for it in some bookstore, together with the 2.
edition of your book about (x)HTML.


-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] Font-color issue

[Ib Jensen]

2009/2/13, David Hucklesby :
> On Thu, 12 Feb 2009 22:41:38 +0100, Els wrote:
>> Ib Jensen wrote:

>> It's not the colour, it's the size. Up the size a bit, and the blur will
>> disappear. If you look at the body text, that's also smaller in IE than in
>> FF.
>
> ~
>
> To add to Els's suggestion, I find that these percentages work best
> cross-browser: 69%, 75%, 82%, 94% ... with a base font-size of 100%.
>
> You may like to reconsider your base font-size of 75%, and your mix
> of EM and pixel font-sizes -
>
>  <http://www.gunlaug.no/contents/wd_1_03_04.html>
>
> BTW - the horizontal menu / sitemap does not show up in IE 8 rc 1 -
> the developer tools suggests it is hiding under the H1 on the left,
> and the first H2 on the right. The tool also says that the document is
> in quirks mode!??? A quirk of the tool, perhaps?
>

To the last : The sitemap is shown perfect by IE6.02 locally and I
think in IE7.x too.
So, I can't check it in IE8.x, so it must be 

The Font-size are a suggestion from a book written by a Designer ...
The address is in my post to Gunlaug.

But anyway, I'm totally rewriting the page, so there will problably be
some other questions to answer.

Thanks to all for your solutions, I'll problably get back to them some
other time.


-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] Font-color issue

[Ib Jensen]

2009/2/13, Gunlaug Sørtun :
> Ib Jensen wrote:

> As for most (if not all) CSS based templates: markup and CSS are
> integrated, so "from scratch" will probably ruin the template and all
> you like about it.

I have been doing that before, because I've normally remove any
graphic used in an template to see whats it looks like, without
graphic in html and css, and changing the css part to suit my whishes.
With or without any luck.


> Suggestion: Find out what you like about the template and keep all
> styles for that. Remove/replace the styles that don't work so well for
> you now.
> This means going through the template CSS line for line, while keeping a
> copy of the original CSS as backup in case you lose track of changes.

Thats what I meant to do, going back to the original stylesheet(s)
thats more or less followed whith the template.

It's from a book : Modernes Webdesign, by Manuela Hoffmann,
http://pixelgraphix.de

She should know something about it .


-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] Font-color issue

[Ib Jensen]

2009/2/13, Gunlaug Sørtun :
> Ib Jensen wrote:
>
> Guess it was such cases Microsoft had in mind when they added "ignore
> font size in web pages" as an option in IE - a long time ago, while
> other browsers introduced "minimum font size" to counteract mouse-type.
> All you achieve by using such small text is that many visitors either
> can't read your words of wisdom, or have to override your font size in
> order to read it.
>
>
> FYI: I apply "minimum font size = 14px" to all web pages, and if the
> choice of font-family causes problems I change that to "16px" - on 96dpi
> screens.
> Since you also have an em-sized layout I also find it necessary to
> apply "fit to width" to your page to make it stay within the browser
> window, so I don't have to deal with long text lines and horizontal
> scrollbars. The information on your pages is too interesting to be left
> unreadable, and Danish isn't a problem at my end ;-)


Something tells me that, instead of trying to modyfie some templates,
I'll should try to build at least the css-part up from scratch, maybe
keeping some of it, using this template from Manuela Hoffmann, which I
kind of like.



-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] Font-color issue

[Ib Jensen]

2009/2/12, Els :
> Els wrote:
>
>> Ib Jensen wrote:
>>
>>> Link: http://ikjensen.dk/test/
>
>> It's not the colour, it's the size. Up the size a bit, and the blur
>> will disappear. If you look at the body text, that's also smaller in
>> IE than in FF.
>
> Just noticed you have this in your layout.css stylesheet:
> html > body{font-size:12px;}
>
> IE6 doesn't pick that up, and it makes all the difference. If you take
> that line out, FF also makes the text smaller and blurs that bit under
> 'Note'.
> I'd take that line out, and up the main text from 80% to 100% in your
> basis.css stylesheet.

Shouldn't bee 100.01% or 100.1%, as many suggests in favor of rounding errors ?


-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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-d] Font-color issue

[Ib Jensen]

Hi

Link: http://ikjensen.dk/test/

In the bottom right corner I've have a Note-box.

In IE6.x I can only see the headline ok, the rest of the text is blurred.

The headline and text looks ok in FF 2.x, OP 9.5 and Safari 3.x.

I've tried to change colors, without any result.


-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] One Bug catched

[Ib Jensen]

2009/2/11, Gunlaug Sørtun :
> Ib Jensen wrote:
>
>>> Ironically it is the link to gunlag!
>> I think Gunlaug has something to say / write about that.
> Not a CSS problem - and it's fixed now ;-)

Phwww, no slapping :-]


>> The most important is in the Content-area, where IE 6.x are placing
>> the text at about the top of the second picture, (Some float-bug ?)
> One of IE's old "float/clear bugs".

guessed right, this time ;-]


> The addition of...
> .elastisches-bild { clear: left;}
> ...will make IE6, and also IE7 since it has the same bug, behave as you
> intended.

Thanks

Is it the same bug in the Header or another ?


-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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-d] css question

[Ib Jensen]

The below css is ripped from another thread

#sidebar {position: relative;}

#sidebar {position: relative}


Are both of these writings correct, or are there any differencies in
which version of ccs you are using in connection to (x)HTML.



-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] One Bug catched

[Ib Jensen]

2009/2/10, Ian Young :
>> -Original Message-
>> From: css-d-boun...@lists.css-discuss.org [mailto:css-d-
>> boun...@lists.css-discuss.org] On Behalf Of Ib Jensen
>> Sent: 10 February 2009 22:46
>> To: David Laakso
>> Cc: css-d@lists.css-discuss.org
>> Subject: Re: [css-d] One Bug catched

>
> Looks pretty straight forward. On line 232 you have missed an end tag for
> the list. Although the validator has come up with 20 errors, they are all
> connected with that one error.
> Ironically it is the link to gunlag!
>
> http://www.gunlaug.no/contents/toc_7a.html";>gunlaug
>
> Cheers
> Ian

I think Gunlaug has something to say / write about that.


I've missed two , and that gave 20 errors.
They are fixed now and the page validates.



-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] One Bug catched

[Ib Jensen]

The Validator don't like my menu very much.

But i'll have a look at it and see what to be done.

-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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-d] One Bug catched

[Ib Jensen]

or more

Hi

Link: http://ikjensen.dk/test/

I've catched some kind of bug here.

The most important is in the Content-area, where IE 6.x are placing
the text at about the top of the second picture, (Some float-bug ?)
and FF2.x are placing the text at the top of the first picture.

The second is in the header.
Where there are some differences between FF2.x and IE6.x in measuring
the height of the Header. (Problably some float-bug too ?)


-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] problem with nav bar

[Ib Jensen]

2009/1/26 David Laakso :
> Kim Walta wrote:
>>
>> Hi! This is my first time submitting a questions here.
>> http://libraries.slu.edu/liaisons/kwalta/referencelib/reflib.html
>>
>> Here is my css
>>
>> http://libraries.slu.edu/liaisons/kwalta/referencelib/reflib.css


Just a note from a Non-expert:

Looking at your page with HTML Validator, a FF plug-in, I've got about
30 warnings.
I don't know how serius this warnings are 
These warnings starts about line 170

But a  inline style, not in the .css ?



-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] Background Image

[Ib Jensen]

2009/1/23 Matthew Stoneback :
> Have a quick question that I am sure someone can help with in short
> order
>
> I am starting to go to production on a new site and I cannot seem to get a
> background image to function properly on the id "content."  To my surprise
> the page views correctly in IE but not in Firefox!  What am I missing?  I am
> guessing it is something simple I am overlooking from staring at the code
> too long.
>

Why do you have an emty main in your content. If it's not
holding your picture ?

And a emty  in your sidebar, hiding something  or  ?



-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] Footer Issues

[Ib Jensen]

2009/1/23  :
> Hi -
>
> I'm trying to do a very simple CSS site, but when checking my site in IE 7,
> my navigation is missing. It's showing in all other browsers except for IE.
>


When I look at your page in FF and test it with a plug-in called Tidy.

Who is showing 8 warnings:

Line 4 - 8 , maybe "not" important, but 

Line 11 

Line 16  , 

Maybe it's line 16, causing the your trouble.

Maybe the experts have another view ;)



-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] Footer-problem

[Ib Jensen]

2009/1/22 Bobby Jack and Gunlaug:

> --- On Thu, 1/22/09, Ib Jensen  wrote:

>It does!
>You have 'height : 100px;' on your footer, and all browsers but IE6 and
>older honor that height - which is too short for the footer's content.
>The result is correct and looks "interesting", but wasn't quite what you
>wanted, it seems

Your correct, I'm wrong :[

I've set a heigth that was to low for the content in the footer, thats
clear for me now, after thinking about what the pictures shows.


>If you wrote a web page containing nothing but "hello, world" and IE displayed 
>a 3-dimensional view of the Sistine Chapel,
>that wouldn't be correct behaviour, even if it were beautiful and exactly what 
>you wanted! :)

This could be a very interesting thing to a competition about writing
something, and get it to look like something else.


But off course your right, behaviour and what I want is two different
things. But sometimes I whish they were the same.


-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] Footer-problem

[Ib Jensen]

2009/1/22 Gunlaug Sørtun :
> Ib Jensen wrote:
>>>>
>>>> Link : http://ikjensen.dk/test/common/blank.html
>
>>> The "auto-expansion" bug in IE6 and older.
>
>> Well, then I hope that I somehow can get FF to look like IE in this
>> situation. Because IE is showing the Footer as I want it to look.

> The difference is that good browsers will "auto-expand" the footer
> because they're told to do so, and not because they're buggy.


Considering that FF, belongs to the "better part" of the browsers,
I've would have expected that FF had shown it more correctly than IE
in this case.

But, I'm still learning something new about browser behaviors every day.

Thanks for your hints and solution



-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] Footer-problem

[Ib Jensen]

2009/1/21 Gunlaug Sørtun :
> Ib Jensen wrote:
>>
>> Link : http://ikjensen.dk/test/common/blank.html
>>
>> The page in FF http://ikjensen.dk/test/wsimage/ff.jpg
>>
>> The page in IE http://ikjensen.dk/test/wsimage/ie.jpg
>>
>> Whats going on here ???
>
> The "auto-expansion" bug in IE6 and older. IE6 doesn't respect declared
> dimensions, and treats all elements as if they were expandable table-cells.


Well, then I hope that I somehow can get FF to look like IE in this
situation. Because IE is showing the Footer as I want it to look.

Or, should I think in a different direction, and get it to look like
FF, with some height-declarations ?



-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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-d] Footer-problem

[Ib Jensen]

Link : http://ikjensen.dk/test/common/blank.html

The page in FF
http://ikjensen.dk/test/wsimage/ff.jpg

The page in IE
http://ikjensen.dk/test/wsimage/ie.jpg

Whats going on here ???

-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] Think I worked out the bugs

[Ib Jensen]

2009/1/14 John Shepard :
> Thanks much to Kate, Gunlaug and Bill for their help on
> http://earthpedal.com.  A work in progress.
>

I don't know if it's just me.
But could you consider changing the :hoover color to something different.
I'm just seing a White line, in FF3, when I'm looking / pointing at it.

And a larger font-size in the Footer, please.


-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] two column data

[Ib Jensen]

14. jan. 2009 18.05 skrev James E. Darfler :

> The web page is at:
> http://www.wayneactorscommunitytheatre.org/archive/joseph/bios/actors_bios.h
> tml
>
> The css pages are at:
> http://www.wayneactorscommunitytheatre/css


I'm absolutely no expert in this matter, but have you tried to give
your div's some css, something like float:left and float:right?

And I've never seen divs placed in a table before, but if's validating
I've learnt something new.



-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] Layout-problem

[Ib Jensen]

2009/1/9 Holly Bergevin :
> From: "Ib Jensen" 
>
>>Link : http://ikjensen.dk/test/>
>
>>Second problem.
>>The menu in the left sidebar works ok on the Index-page, but not on a
>>second page.
>>
>>Menu : Genealogy -> Kings of Denmark
>
> Can you explain what you mean when you say it doesn't work? I see hover 
> effects, and if you click on a menu item, the page responds (by taking you to 
> a non-existent page).

I just checked the page.

>From the Index-page to the Page : Kings of Denmark > Top-nav :
Genealogy -> Kings of Denmark, the only working link on the
index-page, besides the Link menu-entry.

On the Kings of Denmark-page, I've got a menu on the right side, The
"purble one", i've have some bullets on the left side, which don't
show up on the left menu. At least in my FF3.
The only working link on this page is : Home

>
> If this is what you mean by not working, then the problem is in your HTML 
> with the paths for the links. On the index page, they go back up a level (out 
> of the test folder), but on the second page, they don't make it out of the 
> test folder, so the browser shows a page not found.
>

I can't explain it better, as when I'm looking at it, it shows some
problem with the menu.

-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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] Layout-problem

[Ib Jensen]

2009/1/8 David Laakso :
> Ib Jensen wrote:

> Name of the game: Code to Opera -- FF, Safari, and Camino will follow
> suit. Fix IE.
>
> #container {padding-top: 1px;}<-- fix 4 collapsing margins
> .head h1{font-size:250%; margin: 40px 0 10px 0;padding: 0;
> color:#fff;font-weight:normal;}
> .head h2{font-size:180%; margin:0;color:#fff;font-weight:normal;}
> .head {min-height: 150px;}
> * html .head {height: 150px;}<-- 4 IE/6
> div.note {background:fuchsia/*4 position only*/; overflow: hidden;}

I'll try this


>
> Could not find menu second page.
>

Try in the Top-menu-bar = first menu-point = Genealogy, Menu-point =
Kings of Denmark.

On this page : The menu in the right side.



-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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-d] Layout-problem

[Ib Jensen]

Hi, it's me again  ;-)

Link : http://ikjensen.dk/test/>

Having a major problem with this layout.

Strangely, In IE 6, it shows almost as I wanted it to look like.
In FF2, it doesn't.

Second problem.
The menu in the left sidebar works ok on the Index-page, but not on a
second page.

Menu : Genealogy -> Kings of Denmark
Same Structure and css.

All tested locally.


PS! Don't care about the colors.


-- 
Regards / Mhv.
Ib K. jensen
__
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] Menu-issue

[Ib Jensen]

2008/12/29

>> Any suggestions in this direction.
>
> UDM:
> http://www.udm4.com/
>
> PMM2:
> http://www.projectseven.com/products/menusystems/pmm2/
>
> * Yahoo! User Interface menu: http://developer.yahoo.com/yui/menu/


Thanks to both of you for these links.

The only problem are, I don't have Dreamweaver or anything like. So it
must bee something like the Yahoo-thing, maybe.



-- 
Regards / Mhv.
Ib K. jensen
__
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] Menu-issue

[Ib Jensen]

2008/12/28 Al Sparber :
> From: "Ib Jensen" 
>> 2008/12/28 David :

> You would be better off with a nice single-level CSS menu across the top
> with sidebar context menus.

You mean, just a single-level drop-down menu. And sub-menus in the sidebar.
As the one in : ikjensen.dk

The menu you have is extremely unusable - even
> in the browsers in which it works. For that type of menu you really should
> be using a scripted one.

Any suggestions in this direction.



-- 
Regards / Mhv.
Ib K. jensen
__
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] Menu-issue

[Ib Jensen]

2008/12/28 David :
> Ib Jensen wrote:

> I got it to validate if it helps any :)
> http://dwabbott.com/iktest.html
> -david

Me too.
I don't know if you read my answer to Benjamin Hawkes-Lewis.

Now, only the Menu-issue is left back. ;-{



-- 
Regards / Mhv.
Ib K. jensen
__
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] Menu-issue

[Ib Jensen]

2008/12/28 Benjamin Hawkes-Lewis :
> On 28/12/08 16:58, Ib Jensen wrote:
>>

> I'd recommend removing errors from your HTML layer before making any further
> CSS changes.

Done !
And (x)HTML and CSS are validating perfectly now.

Now I'm just going to find out how to adjust the menu.


-- 
Regards / Mhv.
Ib K. jensen
__
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] Menu-issue

[Ib Jensen]

2008/12/28 Benjamin Hawkes-Lewis :
> On 28/12/08 16:58, Ib Jensen wrote:
>>
> You can use descendant selectors to target lists that are descendants of
> other lists:
> http://css.maxdesign.com.au/selectutorial/selectors_descendant.htm
> That's likely all you need here.
>
> Verbose validator output: http://tinyurl.com/97gl83
>
> Bad coding, mostly reflecting a failure to always open and close tags are
> required in XHTML:
> http://www.w3.org/TR/xhtml1/#h-4.3
> (Note also: http://www.w3.org/TR/xhtml1/#C_2 if you try to fix this.)
> I'd recommend removing errors from your HTML layer before making any further
> CSS changes.


If I can't get this working, I'll find another menu-solution.

Thanks for the links.


-- 
Regards / Mhv.
Ib K. jensen
__
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-d] Menu-issue

[Ib Jensen]

Link : ikjensen.dk/test/

Wanted:

Top-nav :
Moving the second sublevel to about 5px below Top-nav. So there will
be a small white border at the top.
There are only Sublevels in the First menuentry. Last four.

Do I have to write a class or something to get the position or .

PS!
Walidating the template says a lot of errors. Is't because of the
Menu-structure or just "bad" coding.

-- 
Regards / Mhv.
Ib K. jensen
__
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] Menu-problem IE6

[Ib Jensen]

2008/12/23 Gunlaug Sørtun :
> Ib Jensen wrote:
>
> ...and a read-up on CSS standards...
>
> <http://www.w3.org/Style/CSS/>
>
> That should lead to improved control over web design and browsers in no
> time - once you have practiced a bit.

I think I'm practicing all the time, but I'm hopefully learning
something, sometime ;-)


> ...but once you're able to sort software-bugs from the more ordinary
> designer-bugs it won't be too hard :-)

That'll problably take some time :-(

Anyway, Thanks for the hints



Glae(æ)delig jul og Godt Nytaa(å)r


-- 
Regards / Mhv.
Ib K. jensen
__
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] Menu-problem IE6

[Ib Jensen]

2008/12/23 Gunlaug Sørtun :
> Ib Jensen wrote:
>>
>> Any hints ??
>
> Same 'hasLayout' trigger on anchors as before, but with the necessary
> selector-addition to target the left menu also...
>
> #menu ul li a, #menu_l ul li a  {height: 1%;}
>
>
>> PS! Any hints on : Downsizing a picture nicely. The two pictures in
>> the Content-area, in fact.
>
> #center img {max-width: 90%; height: auto; width: auto;}
>
> ...will let those images stay at intrinsic size when there's enough
> space, and scale down when necessary.
> Doesn't work in IE6 and older - need separate styles, but all somewhat
> new browsers will handle such scaling reasonably well.
>

Thanks for your explaning answer.

I need to _get / buy_ some very explaning books on CSS!


-- 
Regards / Mhv.
Ib K. jensen
__
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-d] Menu-problem IE6

[Ib Jensen]

Hi

Link: ikjensen.dk/test/


I'm working on a new design.

And naturally having an IE6 problem.
The css in the menu are the same, except the Fly-outs are floated
Right and Left.
The problem is the Left side, where IE is placing a extra line, below
the Sub-menu.

In Firefox 2.x, it works.

Any hints ??


PS!
Any hints on : Downsizing a picture nicely. The two pictures in the
Content-area, in fact.

-- 
Regards / Mhv.
Ib K. jensen
__
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-d] Menu-problem in IE6

[Ib Jensen]

Hi

Link: ikjensen.dk/test/


I'm working on a new design.

And naturally having an IE6 problem.
The css in the menu are the same, except the Fly-outs are floated
Right and Left.
The problem is the Left side, where IE is placing a extra line, below
the Sub-menu.

Any hints ??


PS!
Any hints on : Downsizing a picture nicely. The two pictures in the
Content-area, in fact.


-- 
Regards / Mhv.
Ib K. jensen
__
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-d] Vertical menu, Thanks

[Ib Jensen]

Thanks to Alan and Tedd for the help

I solved the problem, by looking at the source.

I've had the source-code printed to a PDF-file, and then copy - pasted the
source-code to "a real file".
But some non-wanted text, had mixed in, and when I deleted this it solved my
problem.

So, be careful when you make a copy - paste !!!

-- 
Regards / Mhv.
Ib K. jensen
__
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/

[css-d] Vertical menu

[Ib Jensen]

Hi

I'm sorry for my english writing.


I'm developing a site on a local computer.
And found the menu i wanted here:

sperling.com/examples/menuv/

But i can't get it to work in IE6 properly. The first menupoint is working
ok, but the submenus are gone to cyperspace.
In Opera 9 and Firefox 2, it works perfect. Not tested with Safari and other
browsers yet.
Having any solutions 

second ? :
At the moment the menu is popping out from left to right.
Is it possibly to make it pop out from right to left ?

third ? :
Is it possibly to make the menu stay in the same column.
So the submenus is covering the main menu.

Hope you understand my questions.

-- 
Regards / Mhv.
Ib K. jensen
__
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/