[css-d] Right column misplaced in IE6

[Erik Olivier Lancelot]

Hello,

This page validates and looks right in FF, O and NN but not in IE6: 
http://www.jester-records.com/index-div.php. Can anyone see why this is 
happening and what I can do to fix it? Thanks a lot!

Erik 

__
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] font size when page first opens

[ron zisman]

On Jun 5, 2007, at 10:20 PM, [EMAIL PROTECTED] wrote:

> I'm not sure how to phrase this question, but here goes:
>
> when a page opens in a browser the first time during a session, what
> governs the
> size of the font displayed--the style sheet specification or the  
> browser font
> setting or some combination of both?
>

If I have understood you correctly, then the answer is: it depends on  
the browser, the browser-options used _and_ what's in the stylesheet.

IE/win, any version:
- font-sizes in absolute units rule - unless IE is set to 'ignore  
font-sizes.
- resizable fonts in the stylesheet means the browsers _and_ the  
stylesheet work together. IE starts at whatever font size the user  
has chosen - of the 5 levels available.

Most other browsers start at default - using what's in the  
stylesheet. The user can then resize, in some browsers until the  
browser choke and give up its spirit - needing a restart :-)
Options like 'minimum font size' will take immediate effect and  
override what's in the stylesheet.

Also, add in browsers default-variations based on resolution.

regards
Georg

__
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] div in absolute center of screen

[ron zisman]

On Jun 5, 2007, at 8:16 PM, Joanne wrote:
>
> I know you can center the x-axis with margin: 0 auto;, but I don't  
> know how
> to center the y-axis
>

CSS for compliant browsers - expressions for IE/win...

... and a few more demos.

Description...


regards
Georg
__
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] font size when page first opens

[kdavis]

> I'm going to hazard an educated guess here and say:
> 1) Your stylesheet
> 2) If your stylesheet has percentages for font-size, the browser then comes
> in to play.

good point about the percentages, thanks!
__
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] font size when page first opens

[Felix Miata]

On 2007/06/05 21:20 (GMT-0500) [EMAIL PROTECTED] apparently typed:

> I'm not sure how to phrase this question, but here goes:

> when a page opens in a browser the first time during a session, what governs 
> the
> size of the font displayed--the style sheet specification or the browser font
> setting or some combination of both?

A combination that depends on whether and how font-size styles and/or 
presentational markup are set by the page's author; and on the visitor's 
browser's settings for 1-default font size, 2-zoom level
engaged, and/or 3-minimum font size engaged.

As a practical matter, if the author sizes text in pt or px, the page is more 
likely to render text the size the author thinks he intends, and less likely to 
render at a size that bears any
correlation to a size the visitor finds usable. OTOH, if the author applies 
only contextual sizing and leaves the main body content unstyled, the main 
content will appear at the lesser of the default
size set in the visitor's browser (which is likely to be a size perfectly 
usable if not perfectly comfortable for the user), the browser's minimum size, 
or the browser's zoom level.
-- 
"Respect everyone." I Peter 2:17 NIV

 Team OS/2 ** Reg. Linux User #211409

Felix Miata  ***  http://mrmazda.no-ip.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] font size when page first opens

[Joanne]

I'm not sure how to phrase this question, but here goes:

when a page opens in a browser the first time during a session, what 
governs the
size of the font displayed--the style sheet specification or the browser
font
setting or some combination of both?

-

I'm going to hazard an educated guess here and say:
1) Your stylesheet
2) If your stylesheet has percentages for font-size, the browser then comes
in to play. 

Joanne 
(who usually isn't smart enough to answer too many questions on here but
asks a lot!)
__
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-d] font size when page first opens

[kdavis]

I'm not sure how to phrase this question, but here goes:

when a page opens in a browser the first time during a session, what 
governs the
size of the font displayed--the style sheet specification or the browser font
setting or some combination of both?



__
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] div in absolute center of screen

[Luc]

Good evening Joanne, 
It was foretold that on 5/6/2007 @ 10:16:20 GMT+1000 (which was
21:16:20 where I live) Joanne would write:



> I have an image sitting inside of a div that I would like to be the dead
> center of the screen (this div is the only element of the page like
> http://www.sunnygirl.com.au/)

> Is there a way to do this in css rather than the javascript option used on
> the page above?

Is this what you're looking for?

http://css-discuss.incutio.com/?page=CenteringBlockElement

 
-- 
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.

"I am not young enough to know everything." - Oscar Wilde (1854-1900). 


__
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] Born again CSS

[Luc]

Good evening Glen, 
It was foretold that on 4/6/2007 @ 17:35:44 GMT-0700 (which was
21:35:44 where I live) Glen Lipka would write:



> Oh, good.  

Well, i made some progress: adding the following code to the #round
made the left side behave as it should behave, i.o.w. the round side
keeps round:

background-attachment: scroll;
background-repeat: repeat;
background-position: 0% 0%;
background-color: #66;
background-image: none;
float: left;

But the float still gives me headache: without the float property the
#round goes back to losing it's left rounded side on resizing the
viewport and with the float property, the #round drops down  on resizing the
viewport.  Aaarg!

http://www.dzinelabs.com/projects/MP/Pages/test2

Css embedded


 
-- 
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.

"Every child is an artist. The problem is how to remain an artist once
he grows up." - Pablo Picasso. 


__
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-d] div in absolute center of screen

[Joanne]

I have an image sitting inside of a div that I would like to be the dead
center of the screen (this div is the only element of the page like
http://www.sunnygirl.com.au/)

Is there a way to do this in css rather than the javascript option used on
the page above?

I know you can center the x-axis with margin: 0 auto;, but I don't know how
to center the y-axis

Joanne
__
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] padding and margins

[Sandy]

Lori

> I think it's the border around the images.  The big ones with the 
> border total 702px wide and you have alloted 700px.
YES!!! That fixed it. Thank you very much.

> I see that one too.  That's weird!  IE can't count?  I'm afraid I don't 
> have a clue...
Oh boy. I can't think what it might be. Anyone out there?

I have moved the pages to
http://briansmale.net/test/gallery1/gallery110.html
http://briansmale.net/test/gallery1/gallery111.html
http://briansmale.net/test/gallery1/gallery112.html

the thumbnails in 112 look ok, but in the other two have a big gap after 
the first 8, they jump down to below the image.  Why? Why?? Why

Sandy
__
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] Star Rating System

[Lori Lay]

Diego Muñiz wrote:
> It works if i do that, but it doesn't validate in xhtml 1.0
>
> On 6/4/07, Lori Lay <[EMAIL PROTECTED]> wrote:
>   
>> Diego Muñiz wrote:
>> 
> I' ve done this star rating system: <
> http://www.punisha.com/test/estrellas/>
>
>
>   
>>> I have uploaded the new verion. It works in FF, IE and Opera, but in
>>> internet explorer i'm not able to show it inline.
>>>
>>>
>>>
>>>   
>> Try using a span instead of a division.  A span is an inline element, so
>> you can probably get the results you need without resorting to altering
>> the display attribute.
>>
>> Lori
>>
>> 
>
>   

So much for the easy solution.  It looks like Bruno has done some work 
with this.

Have a look at http://www.brunildo.org/test/inline-block.html to see how 
he solved it.  It looks like you just need to feed IE 6 an inline 
display value, but I didn't study his solution too closely.

Lori
__
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] padding and margins

[Lori Lay]

Sandy wrote:
> hey David
>
> Thank you SO MUCH for looking at this!
>
>   
>>> The  in
>>> http://sandyfeldman.com/test/smale/portfolio1/port111.html seems to have 
>>> just a little
>>> padding on the right, compared to the same thing in
>>> http://sandyfeldman.com/test/smale/portfolio1/port110.html
>>>   
>
>   
>> I am not seeing this in any browser. (Opera, FF, IE 6/7.) Did you fix it?
>> 
> I am still seeing it - but I am glad to hear you are not!
>
>   
I can see it too.  After some inspection with Firebug, it almost looks 
as if the larger images don't fit in the space you have alloted for 
them.  I think it's the border around the images.  The big ones with the 
border total 702px wide and you have alloted 700px.

>> I couldn't get your pages to load in IE6. The "stop" button did not 
>> work either. I intended to use the DOM inspector from the IE developer
>> toolbar, but it would not work while the download was still in progress.
>> 
> Can you see them now? They were validating when I used bbtidy here at 
> home, but when I checked them with the w3 validator, there was still 
> some work to do. I *think* they are ok now.
>
> http://sandyfeldman.com/test/smale/portfolio1/port110.html
> http://sandyfeldman.com/test/smale/portfolio1/port111.html
> http://sandyfeldman.com/test/smale/portfolio1/port112.html
>
>   
>> Try adding the margins to the surrounding links instead.
>> 
> I did that and opened a new can of worms which I am wrestling with now.
> It looks like
> http://sandyfeldman.com/test/smale/portfolio1/port112.html
> is ok in IE6 now, but that the other two have big gaps after the first 8 
> thumbnails, coming from goodness knows where.
>
> Any thoughts, anyone?
>   
I see that one too.  That's weird!  IE can't count?  I'm afraid I don't 
have a clue...

Lori
> thanks!
> Sandy
>
>   
__
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] stairstepping in IE6 Win

[Dan Dorman]

On 6/5/07, Raymond Rodriguez <[EMAIL PROTECTED]> wrote:
> Hi guys, I've got this very unusual issue going on with an unordered
> list that I've just made.

Argh!  I ran into this same issue with that miserable browser whilst
implementing a star rating system.

In my case, I solved the problem by setting the containing 's
overflow to hidden.  Thusly:

#headerBox ul {margin-left: 105px; margin-bottom: 35px; height:15px;
overflow: hidden;}

Hope that helps!

Dan Dorman
__
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] Born again CSS

[Luc]

Good evening Sarah, 
It was foretold that on 5/6/2007 @ 10:04:46 GMT-0400 (which was
11:04:46 where I live) Sarah Atkinson would write:



> What size monitor are you using?  

I'm using 1440 x 900. But thanks to Glen, things are falling into
place, except the round div: that looses its round edges on the left
when resizing the viewport.

http://www.dzinelabs.com/projects/MP/Pages/test2
 
-- 
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.

"Due to unforeseen circumstances, the release date of Windows 2000 has
been postponed until January 1901." 


__
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-d] stairstepping in IE6 Win

[Raymond Rodriguez]

Hi guys, I've got this very unusual issue going on with an unordered  
list that I've just made. This is the first time I've made a  
"navigation list" with single image buttons (three states) and it  
works fine except for in Explorer 6. I thought it might've had  
something to do with the display: block but I've tried inline and  
that didn't fix it. Any ideas?

Here's the link:

http://raymondrodriguez.net/clients/anita/panel1.html

The CSS:

#headerBox {
margin:0px auto;
margin-bottom:0;
width: 800px;
border-top:0;
text-align: left;
padding: 30px 0 10px 0;
background: #AD0800 url(images/headershadow.jpg) no-repeat bottom left;
}

#headerBox ul {margin-left: 105px; margin-bottom: 35px; height:15px;}

#headerBox li a {
display:block;
float:left;
height:15px;
text-indent: -px;
margin:15px 0 0 15px;
background-repeat:no-repeat;
background-position:top left;
}

#headerBox li a:hover {background-position:0 -15px;}
#headerBox li a.active, #headerBox li a.active:hover {background- 
position:0 -30px;}

#button1 a {
width:9px;
background-image: url(images/1.jpg);
}

#button2 a {
width:13px;
background-image: url(images/2.jpg);
}

(and so forth)

Thank you for you help!

Raymond
__
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] Born again CSS

[Luc]

Good evening Glen, 
It was foretold that on 4/6/2007 @ 17:35:44 GMT-0700 (which was
21:35:44 where I live) Glen Lipka would write:



> Oh, good.  

oops... forgot the link

http://www.dzinelabs.com/projects/MP/Pages/test2

Css embedded
 
-- 
Best regards,
 Luc
_

http://www.dzinelabs.com

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.

"All women wait for the man of their life - in the meantime, they get
married." - Anonymous 


__
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] Born again CSS

[Luc]

Good evening Glen, 
It was foretold that on 4/6/2007 @ 17:35:44 GMT-0700 (which was
21:35:44 where I live) Glen Lipka would write:



> Oh, good.  


Well, it seems i was a bit to hastyunfortunately the div called #round goes 
to
pieces when i resize the viewport: it looses the rounding edges at the
left side.
 
-- 
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.

"I will not eat oysters. I want my food dead. Not sick, not wounded,
dead." - Woody Allen - US film-maker and comedian 


__
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] padding and margins

[Sandy]

hey David

Thank you SO MUCH for looking at this!

>>The  in
>>http://sandyfeldman.com/test/smale/portfolio1/port111.html seems to have just 
>>a little
>>padding on the right, compared to the same thing in
>>http://sandyfeldman.com/test/smale/portfolio1/port110.html

> I am not seeing this in any browser. (Opera, FF, IE 6/7.) Did you fix it?
I am still seeing it - but I am glad to hear you are not!

> I couldn't get your pages to load in IE6. The "stop" button did not 
> work either. I intended to use the DOM inspector from the IE developer
> toolbar, but it would not work while the download was still in progress.
Can you see them now? They were validating when I used bbtidy here at 
home, but when I checked them with the w3 validator, there was still 
some work to do. I *think* they are ok now.

http://sandyfeldman.com/test/smale/portfolio1/port110.html
http://sandyfeldman.com/test/smale/portfolio1/port111.html
http://sandyfeldman.com/test/smale/portfolio1/port112.html

> Try adding the margins to the surrounding links instead.
I did that and opened a new can of worms which I am wrestling with now.
It looks like
http://sandyfeldman.com/test/smale/portfolio1/port112.html
is ok in IE6 now, but that the other two have big gaps after the first 8 
thumbnails, coming from goodness knows where.

Any thoughts, anyone?

thanks!
Sandy
__
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] Problem making the width of div tags equal

[Lori Lay]

Farid Jamea wrote:
> Thank you so much for your help. That problem seems to be fixed. (or
> at least looks much better now).
>
> The other problem is that as you can see in Firefox
> (cateringbyingrid.com/temp) the suckertreemenu is separated from both
> header and content. In IE, the lower separation is not showing. I
> tried several ways but couldn't fix it. Can you see where the problem
> is?
>
> Thanks
>

Have you tried the Firebug extension?  http://www.getfirebug.com/

It is excellent for debugging this type of thing.  Using Firebug I can 
see that the space above the nav bar is caused by the bottom margin on 
your header division and the space below is caused by the top margin on 
your content division.

Please don't top-post and include the list in your replies.

Lori
> On 6/4/07, Lori Lay <[EMAIL PROTECTED]> wrote:
>> Farid Jamea wrote:
>> > Hello,
>> >
>> > I have a very simple web page. (one column, 4 sections: header, menu,
>> > content, footer). The width of the menu seems to be about 0.5 mm 
>> less than
>> > all other 3. (this is more clear in IE7, and also when you zoom)
>> >
>> > All sections are contained in a wrapper with a width of 922px.
>> > #header, #content, and #footer are all 900px. How can I make the 
>> entire menu
>> > to be 900px too?
>> >
>> > The web page can be found here: http://cateringbyingrid.com/temp/
>> >
>> > I appreciate any help
>> >
>> >
>> I'd remove the widths from the anchors (a) and put them on the list
>> items (li)
>>
>>
>> Lori
>
__
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] Star Rating System

[Diego Muñiz]

It works if i do that, but it doesn't validate in xhtml 1.0

On 6/4/07, Lori Lay <[EMAIL PROTECTED]> wrote:
>
> Diego Muñiz wrote:
> >>> I' ve done this star rating system: <
> >>> http://www.punisha.com/test/estrellas/>
> >>>
> >>>
> > I have uploaded the new verion. It works in FF, IE and Opera, but in
> > internet explorer i'm not able to show it inline.
> >
> >
> >
> Try using a span instead of a division.  A span is an inline element, so
> you can probably get the results you need without resorting to altering
> the display attribute.
>
> Lori
>
__
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] table class

[Richard Grevers]

On 6/5/07, Michael Stevens <[EMAIL PROTECTED]> wrote:
> Well, I understand you are right, and did from the start because I've
> experienced it myself (even though my argument's logic failed), but I still
> say it's an inconsistency. :)
>
> border= in HTML should equal border: in CSS. I understand they are different
> but to make them inconsistent would be one reason why people have a hard
> time with the "CSS or die" theory of late.
>
Border in HTML cannot be changed after all these years - it would
break millions of old pages - and adding new HTML attributes to
provide the much greater capabilities that CSS has would go against
the entire modern philosophy of content/structural
markup/presentational styling layers. Imagine what a pain it would be
if, in order to get an outer border (only) on a table using CSS you
had to set it for the table element and then unset it for each child
td and th element.

What browsers do when they encounter a presentational HTML attribute
is convert it to the nearest equivalent CSS.
So for  (assums the default cellspacing of 2px) equates to:
table {border:1px outset; border-spacing: 2px;}
th, td {border: 1px inset;}

while 
becomes
td,th {border: 1px solid;}
-- 
Richard Grevers, New Plymouth, New Zealand
Hat 1: Development Engineer, Webfarm Ltd.
Hat 2: Dramatic Design www.dramatic.co.nz
Lost yet? http://www.lost.eu/3d33f
__
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] background-image (ISSUES)

[Audra Coldiron]

Jason Ogle wrote:
> Howdy folks,
> 
> I'm trying to use my background-image and keep my "body" properties  
> within my external stylesheet. The problem is, the only way I can get  
> it to appear is if I put it "inline" in my .html page. Check out:
> 
> http://www.jasonogle.com/samples
> 
> Anybody else ever run into this? I've tried every path possible and  
> put my background image in two locations...still doesn't show up online!
> 
> Arrggg mateys!
> 
> Could you please respond to my personal email too as I'm on digest.  
> Appreciate the insight!

Hi Jason.  As long as you are successfully calling the style sheet you 
should have no problem since the path to the image directory is relative 
to the style sheet.

In your main style sheet your path to your background image should be:

background-image: url(../images/bg.gif);

Also, you might want to consider changing that BG image to a jpg's so 
you can compress it to a reasonable size w/o sacrificing too much 
quality.  Right now it's 382kB and takes nearly a minute for dial-up 
users to download the first time.  You could easily get it down to under 
60kB.

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] Born again CSS

[Sarah Atkinson]

It looks fine here. What size monitor are you using? Maybe you need to
resize some things I'm using a very large and wide monitor.  But if I
size the window down a little then the image with the truck jumps to the
next line.  Also you might want to play around with your margins and
paddings a little.



__
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-d] Width ignored in IE6 | Sub-menus disappear | Cross compatibility

[Renae Willis]

I've been squirreled away in my house for a few days trying to learn
web design, trading sunlight and sleep for recreation of a poorly
coded existing website. The objective: valid code and css menus. This
while retaining the table produced look for visual consistency so that
we may switch out pages one by one.

Using netrenderer what I have so far renders in IE6 and IE5 with what
looks like total disregard for the widths I've set:

http://www.lccoachingbeta.com/web/LCC/countryprofiles1.html

Additionally, the css drop down menu (alternate content for the flash
menu) no longer has it's sub-menus once I place it in the page. The
isolated, functional (in IE7 & Firefox 2) menu can be found here:

http://www.lccoachingbeta.com/web/LCC/menufinal.html

Also, are there better ways to test for cross compatibility?
netrenderer will only generate an image of the way pages would appear
in IE5 and 6, so I can't test to see how (dis)gracefully this menu
experiment downgrades.

Since one of the major purposes of this endeavor was to have css
menus, (I'll be adding another one next) I'm starting to worry that
I'll never make it back out of this house. Any suggestions, tips,
pointers (read: HELP) would be greatly appreciated.

Thanks!
__
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-d] background-image (ISSUES)

[Jason Ogle]

Howdy folks,

I'm trying to use my background-image and keep my "body" properties  
within my external stylesheet. The problem is, the only way I can get  
it to appear is if I put it "inline" in my .html page. Check out:

http://www.jasonogle.com/samples

Anybody else ever run into this? I've tried every path possible and  
put my background image in two locations...still doesn't show up online!

Arrggg mateys!

Could you please respond to my personal email too as I'm on digest.  
Appreciate the insight!

Jason
__
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] Reset margins, padding and a gap at the top

[viri bruk]

Thank you a lot for your fast answer, it worked. Next time I should be
really more attentive...

Viri
__
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] Reset margins, padding and a gap at the top

[Philippe Wittenbergh]

On Jun 5, 2007, at 9:56 PM, viri bruk wrote:

> Say, an HTML page is coded like that:
>
>  "http://www.w3.org/TR/html4/strict.dtd";>
> []
>   body {
>   margin:0;
>   padding:0;
>   }
>   
>   
>   Page's title
>   
>   
>   Header
>   Some text goes here.
> [...]
>
> On the new Firefox and Opera this does not seem to work, whitespace
> remains at the top. Is it because of using HTML 4.01 or is it some
> other problem?
This has nothing to do with html 4.01. Most block level elements have  
a default margin at the top (and bottom).
In IE 6 and 7 you won't see that top margin on your h1, but that is a  
bug in IE, caused by the fact that  'hasLayout' [1].
setting h1 {margin-top:0} would remove that gap if you want.

[1] 

Philippe
---
Philippe Wittenbergh





__
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] Reset margins, padding and a gap at the top

[css-d]

Viri,

The whitespace you're seeing is caused by the default margin on the h1 element.
Setting * { margin: 0; padding: 0; } works because the * selects every element 
on the page (effectively setting h1 { margin: 0; padding: 0; }).

Hope this helps,
Rob

--
Rob Wilmshurst
[EMAIL PROTECTED]


__
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-d] Keeping a div positioned in Viewport

[Sam Carter]

I have an application with vertical scrolling.  I'd like to keep a div
positioned in the viewport.  Before I resort to beating it up with
JavaScript, is there a CSS technique, maybe with minor JavaScript, which
works well across browsers?

Sam


__
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-d] Reset margins, padding and a gap at the top

[viri bruk]

Hello, recently I've started to learn HTMl and CSS again, and noticed
an interesting feature.

Say, an HTML page is coded like that:

http://www.w3.org/TR/html4/strict.dtd";>




body {
margin:0;
padding:0;
}


Page's title


Header
Some text goes here.



On the new Firefox and Opera this does not seem to work, whitespace
remains at the top. Is it because of using HTML 4.01 or is it some
other problem?

Because if the style is written like this: * {margin:0; padding:0;} it
works miraculously.

Thanks for answers, Viri.
__
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] Text inline with graphic

[Jukka K. Korpela]

On Mon, 4 Jun 2007, jana  coyle wrote:

> It works great in Firefox but IE puts an additional extra blank line 
> after the graphic.

So it seems, but this behavior is independent of the effect of the 
vertical-align setting that seems to fix the problem you described.

A way to get rid of the extra blank line, which is actually the default 
border bottom of a form element, is

form { margin: 0; }

(It's an old tradition in web browsers to use a default bottom margin for 
form elements, and it's also a tradition to do such things inconsistently.

You can also set the bottom margin to some sufficiently small value, like

form { margin-bottom: 0.1em; }

(Personally I think that the bordered box for the small form is a bit too 
tight, so _some_ margin might be useful.)

-- 
Jukka "Yucca" Korpela, http://www.cs.tut.fi/~jkorpela/

__
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] Text Wrapping

[Jukka K. Korpela]

On Tue, 5 Jun 2007, [EMAIL PROTECTED] wrote:

> span.label { margin: 0; padding: 0; width: 40%; border-top: solid 1px 
> #DD; border-right: solid 1px #AA; text-align: right; }

The width property does not apply to inline elements, and span elements 
are inline by default. Some browsers get this wrong in Quirks Mode.

> 
>     label text here
>     answer text here
> 

- -

> But with this there is the possibility that the text within span.value 
> can be quite long and can then fall under the span.label text, which is 
> not what I want. How can I prevent this so that long text wraps under 
> itself?

It sounds like you have, logically speaking, an array of question and 
answer pairs. Wouldn't it be natural, then, to use table markup for it? 
The CSS part would be rather obvious, basically just adjusting spacing and 
probably setting td { vertical-align: top; }.

It's cumbersome to simulate a table structure in CSS.

-- 
Jukka "Yucca" Korpela, http://www.cs.tut.fi/~jkorpela/

__
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-d] [ADMIN - PHP IS OFF TOPIC] Re: multiple similar pages with same navigation bar

[Alex Robinson]

At 06:36 + 5/6/07, Trevor Richens wrote:
>Hi,
>Strictly speaking this is really an "off-list" topic but here's my solution.
>
>I generate my pages that require this using PHP.
>I create the basic template page in XHTML and then break down each 
>section into separate files.
>I then add the PHP tags so that the page gets recreated correctly 
>using the separate files.
>
>So a simple header.php file would look like
>


PHP is under no circumstances an acceptable topic for discussion on this list.

Why not?

1. PHP is not CSS.

2. Because then we would have to put up with people talking about 
Perl, Java, ASP, Ruby, Python, Lisp or whatever. Which would be bad 
enough for the list's signal-to-noise ratio even if the usual 
language wars didn't ensue.

(and what's more Kaye did not even mention that she is using it).


Last Thursday I wrote this:


"If you know (or even suspect) that your post is not on topic

 DO NOT POST IT TO THE LIST

To go ahead and post something that you know to be off topic is
totally rude and discourteous to the 8200+ members of the list."


Amazingly enough, despite the amazing rate of change that we see on 
teh interwebs, that remains true today...


Alex Robinson
css-d moderator and still point of the turning world
__
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-d] Text Wrapping

[trystano]

Text wrapping around

Have the following CSS and markup...


span.label { margin: 0; padding: 0; width: 40%; border-top: solid 1px #DD; 
border-right: solid 1px #AA; text-align: right; } 
span.value { margin: 0; padding: 0; font-size: 80%; border: 1px solid #BB;}


    label text here
    answer text here


which comes out like the following...

    'Label Text' 'Answer Text'
 'lbl text' 'Another answer text'

But with this there is the possibility that the text within span.value can be 
quite long and can then fall under the span.label text, which is not what I 
want. How can I prevent this so that long text wraps under itself?

Thanks

Tryst


Get a FREE AOL Email account with 2GB of storage.  Plus, share and store photos 
and experience exclusively recorded live music Sessions from your favourite 
artists. Find out more at http://info.aol.co.uk/joinnow/?ncid=548.
__
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-d] Unwanted space at the bottom of container in IE7

[jana coyle]

Everything works great in Mozilla.  IE7 adds extra unwanted space at the bottom 
of the container.  Not sure how to fix this.
Any help would be great. Here is a link and code also. 
http://www.precisemessenger.com/private/placeorder.html

Thanks,
Kevin

http://www.w3.org/TR/html4/strict.dtd";>


Layout

html, body {
height: 100%;
}
div#enlarge {
width: 292px;
position: relative;
float: left;
margin-top: 0px;
font-weight: bold;
padding-left: 0px;
height: 164px;
}
div#orderhere {
width: 220px;
position: relative;
font-weight: bold;
font-size: 14px;
background-color: #0066CC;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-top-color: #33;
border-right-color: #33;
border-bottom-color: #33;
border-left-color: #33;
color: #FF;
margin-left: 30px;
}
div#selectsize {
width: 220px;
border: thin ridge #33;
margin-left: 30px;
}
div#sizechart {
font-weight: normal;
}
div#numbform {
vertical-align: top;
}

.style1 {font-size: xx-small}




  

Place Your Order Here

  
1.


  Select Color/Size
  Small
  Medium
  Large
  XL
  2X ($2)

 Size 
Chart
2. Choose a Quantity:
  

3.
  

  






__
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] Is there a Safari float doctor in the house?

[david]

Bruce MacKay wrote:
> Hello folks,
> 
> I'm having a float problem on http://www.plantdocs.biz/testme2.htm 
> with Safari which I cannot duplicate in Opera, FF (PC/Mac) or IE7.
> 
> Essentially, the rhs float is sliding down past the lhs float - a 
> behaviour exactly as one would expect if the width of the two floats 
> exceeding the width of a containing div.
> 
> However, with floats of 405 and 345 px inside a 750px div, I would 
> have expected that everything was OK - and the behaviour of the page 
> in Opera, FF and IE7 would suggest that to be true.
> 
> Can anyone suggest another thing I need to be looking for - I've done 
> the "remove-page elements-sequentially" routine, but I could not find 
> the problem style.

Reduce the total of your float widths to less than 750px, and see if it 
goes away? Perhaps it's just a rounding error somewhere in Safari's 
calculations?

-- 
David
[EMAIL PROTECTED]
authenticity, honesty, community
__
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/