[css-d] Positioning problem

[Steven Olson]

Hello all,

This is my first post to the list, so before asking my question I'd like to
comment on how useful and friendly it seems.  I have been lurking for a
couple of  weeks, and have already seen explanations of several problems
that I've encountered.  Thank you.

I'm currently making the page template for a new site, and have a
positioning problem.  The code validates (both html and css).  You can see
my test page here: http://www.fofex.com/simply_annies/template.html  (The
graphics are still very rough)

The page looks pretty much the same in FF, IE, NS, Safari, and Opera on the
Mac; and in FF, Opera, and NS on a PC.  The problem is with IE 6 on the PC
(I have not looked in IE 5.n).

In IE there is a small band where the background shows through between the
logo area and the text area.  The problem persists when the div containing
the menu is commented out in the html.

I'm sure this is a problem that I should understand, but I don't.

Can anyone give me a clue?

Kind regards,
Steven Olson


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] positioning problem

[shosuro]

The page is here -- http://free.of.pl/r/ramirez/temp/index.htm

What I'm trying to do is to put the navigation on the right side of the 
container. I tried some floating and positioning, but I fail to position this 
correctly. Anyone could give me a tip on how to do this right?

Cheers
Tom

--
Wymysl wierszyk, wygraj cyfrowke!
Sprawdz >>> http://link.interia.pl/f1f5a

__
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] positioning problem

[Diego Chagastelles]

Hi, I want to make a layout on which elements float in the bottom right of
the page, like Gmail chat.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Positioning problem

[Matthew]

Hi everyone,

Please check out this site:

www.em-w.com/oldschoolband

Can someone help me figure out how to control the positioning of the image in 
the right side without using absolute positioning? I can't do it! I can't make 
objects appear next to each other with relative positioning; I can only stack 
them. I realize absolute positioning is not the way to go here, but its all I 
can do. I also notice that it appears in different places depending on the 
browser I'm using. I'm not getting something fundamental about CSS. Please help 
if you think you can.

Thank you!
Matthew
__
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] Positioning problem

[Thierry Koblentz]

Steven Olson wrote:
> In IE there is a small band where the background shows through
> between the logo area and the text area.  The problem persists when
> the div containing the menu is commented out in the html.

Steven,
Try removing the white space before this closing DIV:
src="Simply Annie's website template_files/banner-top.gif" border=0> 
--^

Thierry | www.TJKDesign.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Positioning problem

[pandy]

Steven Olson wrote:

 http://www.fofex.com/simply_annies/template.html



In IE there is a small band where the background shows through between the
logo area and the text area.  The problem persists when the div containing
the menu is commented out in the html.


Hee-hee! It's the old images-in-table-and-whitespace-in-the-code problem. 
The space isn't between the DIV's. It's _in_ the #logo-area DIV.



  
^^
Write the above on one line without whitespace between tags. :-)

pandy

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

RE: [css-d] Positioning problem

[Steven Olson]

> Try removing the white space before this closing DIV:
> src="Simply Annie's website template_files/banner-top.gif" border=0>


Thanks, Thierry and Pandy

That did the trick.  I was careful to not leave in inay spaces, but I guess
the CR/LF counted as a space.

Kind regards,
Steven Olson

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] positioning problem

[Gunlaug Sørtun]

[EMAIL PROTECTED] wrote:
> http://free.of.pl/r/ramirez/temp/index.htm
> 
> What I'm trying to do is to put the navigation on the right side of 
> the container.

To absolute position it, add...

#Content {
position: relative;
}

...to establish a relation for A:P.

Then use these nav-styles...

#navlist {
border-bottom: 1px solid gray;
width: 200px;
position: absolute;
right: 1px;
top: 150px;
margin: 0;
padding: 0;
}

Adjust 'top' to taste.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] positioning problem

[Mustafa]

Add these properties to your #navlist -

#navlist
{
float: left;
border-bottom: 1px solid gray;
width: 200px;
*position:absolute;
right: 10px;
top: 20px;*
}

Alternatively, you could also block out content using divs to achieve some
fine control over your layout.

- Mustafa
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] positioning problem

[Dave Goodchild]

Go on then.


-- 
http://www.web-buddha.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] positioning problem

[~davidLaakso]

Diego Chagastelles wrote:
> Hi, I want to make a layout on which elements float in the bottom right of
> the page, like Gmail chat.
>
>   
Do you have a link that shows what you mean? I did not come up with 
anything that looks like what you describe in a quick Google search of  
Gmail chat.
~dL

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Positioning problem

[David Laakso]

Matthew wrote:
> Hi everyone,
>
> Please check out this site:
>
> www.em-w.com/oldschoolband
>
> Can someone help me figure out how to control the positioning of the image in 
> the right side without using absolute positioning? I can't do it! I can't 
> make objects appear next to each other with relative positioning; I can only 
> stack them. I realize absolute positioning is not the way to go here, but its 
> all I can do. I also notice that it appears in different places depending on 
> the browser I'm using. I'm not getting something fundamental about CSS. 
> Please help if you think you can.
>
> Thank you!
> Matthew
>   


Simple: float. 
 
Best,
~d



-- 
desktop
http://chelseacreekstudio.com/
mobile
http://chelseacreekstudio.mobi/

__
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] Positioning problem

[Matthew]

Thank you, but when I float: left the div containing the text, and float: right 
the image, the image vanishes and the crowd at the bottom is no longer behind 
the next. Nor does it stop at the right point if the browser becomes too small.


On Apr 6, 2010, at 3:42 PM, David Laakso wrote:

> Matthew wrote:
>> Hi everyone,
>> 
>> Please check out this site:
>> 
>> www.em-w.com/oldschoolband
>> 
>> Can someone help me figure out how to control the positioning of the image 
>> in the right side without using absolute positioning? I can't do it! I can't 
>> make objects appear next to each other with relative positioning; I can only 
>> stack them. I realize absolute positioning is not the way to go here, but 
>> its all I can do. I also notice that it appears in different places 
>> depending on the browser I'm using. I'm not getting something fundamental 
>> about CSS. Please help if you think you can.
>> 
>> Thank you!
>> Matthew
>> 
> 
> 
> Simple: float. 
>  
> Best,
> ~d
> 
> 
> 
> -- 
> desktop
> http://chelseacreekstudio.com/
> mobile
> http://chelseacreekstudio.mobi/
> 
> __
> css-discuss [cs...@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Positioning problem

[David Laakso]

Matthew wrote:
> Thank you, but when I float: left the div containing the text, and float: 
> right the image, the image vanishes and the crowd at the bottom is no longer 
> behind the next. Nor does it stop at the right point if the browser becomes 
> too small.
>
>
>
>   
>> Simple: float. 
>>  
>> Best,
>> ~d
>>
>>
>>
>> 
>
>   


Ask Alan.
~d

-- 
desktop
http://chelseacreekstudio.com/
mobile
http://chelseacreekstudio.mobi/

__
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] Positioning problem

[Matthew]

Do you mean Alan Gresely, the person who helped me with this site a few days 
ago? Send him a direct email? I hope my problems aren't too basic or dumb. I'm 
asking in the spirit of the information page of this list, which states:

"My philosophy is that there are two kinds of questions: good questions and 
unasked questions. I much prefer the former. It doesn't matter how "dumb" you 
think the question might be, because I guarantee you that at least five other 
subscribers are wondering the same thing, and will learn from the answer. "How 
do I position a background image?" is as valid a question as "Why does this 
15KB stylesheet almost but not quite work in Opera when I use an HTML4.01 
Frameset DOCTYPE?"
Thanks for your help! 
Matthew

On Apr 6, 2010, at 4:02 PM, David Laakso wrote:

> Matthew wrote:
>> Thank you, but when I float: left the div containing the text, and float: 
>> right the image, the image vanishes and the crowd at the bottom is no longer 
>> behind the next. Nor does it stop at the right point if the browser becomes 
>> too small.
>> 
>> 
>> 
>> 
>>> Simple: float. 
>>>  
>>> Best,
>>> ~d
>>> 
>>> 
>>> 
>>> 
>> 
>> 
> 
> 
> Ask Alan.
> ~d
> 
> -- 
> desktop
> http://chelseacreekstudio.com/
> mobile
> http://chelseacreekstudio.mobi/
> 
> __
> css-discuss [cs...@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Positioning problem

[David Laakso]

Matthew wrote:
> Do you mean Alan Gresely, the person who helped me with this site a 
> few days ago?


Yes.

~d



-- 
desktop
http://chelseacreekstudio.com/
mobile
http://chelseacreekstudio.mobi/

__
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] Positioning problem

[Matthew]

At least part of why it is confusing to get those javascript rotating images to 
place correctly is because there are two properties controlling them:

/* - rotator in-page placement - */
div#rotator {
background: #000;
width:300px;
position: relative;
z-index: 1;
padding: 0;
margin: 0;
text-align: center;
}
/* rotator css */
div#rotator span {
float:right;
position:absolute;
list-style: none;
left: 459px;
top: -360px;

I don't know javascript so I'm fumbling around some here. When I change 
div#rotator span (the style that places the image within the page to relative, 
they are no longer contained in the same place. When they rotate through they 
appear all over the page.

Is it possible that this is a case where the absolute positioning is required?

Any help is greatly appreciated! 
Matthew


On Apr 6, 2010, at 3:52 PM, Matthew wrote:

> Thank you, but when I float: left the div containing the text, and float: 
> right the image, the image vanishes and the crowd at the bottom is no longer 
> behind the next. Nor does it stop at the right point if the browser becomes 
> too small.
> 
> 
> On Apr 6, 2010, at 3:42 PM, David Laakso wrote:
> 
>> Matthew wrote:
>>> Hi everyone,
>>> 
>>> Please check out this site:
>>> 
>>> www.em-w.com/oldschoolband
>>> 
>>> Can someone help me figure out how to control the positioning of the image 
>>> in the right side without using absolute positioning? I can't do it! I 
>>> can't make objects appear next to each other with relative positioning; I 
>>> can only stack them. I realize absolute positioning is not the way to go 
>>> here, but its all I can do. I also notice that it appears in different 
>>> places depending on the browser I'm using. I'm not getting something 
>>> fundamental about CSS. Please help if you think you can.
>>> 
>>> Thank you!
>>> Matthew
>>> 
>> 
>> 
>> Simple: float. 
>>  
>> Best,
>> ~d
>> 
>> 
>> 
>> -- 
>> desktop
>> http://chelseacreekstudio.com/
>> mobile
>> http://chelseacreekstudio.mobi/
>> 
>> __
>> css-discuss [cs...@lists.css-discuss.org]
>> http://www.css-discuss.org/mailman/listinfo/css-d
>> List wiki/FAQ -- http://css-discuss.incutio.com/
>> List policies -- http://css-discuss.org/policies.html
>> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
> 
> __
> css-discuss [cs...@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

__
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] Positioning problem

[David Laakso]

Matthew wrote:
>   
>> Thank you, but when I float: left the div containing the text, and float: 
>> right the image, the image vanishes and the crowd at the bottom is no longer 
>> behind the next. Nor does it stop at the right point if the browser becomes 
>> too small.
>>
>>
>> 



Man, Otis is going to drive everyone on this list nuts-- and then some.

Switched to jquery on ap. See change in CSS and markup.
Best,
~d
PS Bottom post, please.



-- 
desktop
http://chelseacreekstudio.com/
mobile
http://chelseacreekstudio.mobi/

__
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] Positioning problem in IE

[Mike Davies]

Hello,

I have designed a site using a 2 col. layout with a RH menu.

This views correctly in Opera and Firefox but inevitably not in Win/IE5.
The content of the RH column displays too far to the left. I can adjust
it using the margin-right on the #rightcol but this upsets the layout in
Opera/Firefox.

Also in MacIE5 the right column looks OK but the main image doesn't
appear which I can't understand as the image appears in the design this
was adapted from and I only changed the file name.

view at www.a-ridge-too-far.com/index.htm
css - www.a-ridge-too-far.com/fallago2.css

I have adapted a previous design as I need to get this up and running
very quickly - have been trying to save time so some of the css rules
are not relevant

Can anyone suggest a solution?
TIA

Regards,
Mike Davies
-- 
Mike Davies
Integra Web Design, Huntly, AB54 4XP
01466 700213www.integrawebdesign.co.uk

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] positioning problem in Safari

[Jeanne Prine]

Hello to all,

I've run into a positioning problem in Safari 1.0.3
on Mac OS X (10.2.8) that I haven't been able to solve yet without breaking the 
page in other browsers (testing on my mac and my pc plus Browsercam so that's a 
lot of browsers to break).

A page title that's supposed to be located just
above the left navigation is starting at upper
right instead and then continuing in the place where it's supposed to be. 
Apparently it's too long to
ALL fit in the wrong place. ;)

Beware of truncated URLs below due to my mail program
splitting them onto 2 lines.

The page is:
www.rx.uga.edu/main/home/redesign/ce.html

CSS is:
www.rx.uga.edu/main/home/redesign/ce.css

Code in question is:

#pagetitle h1 {
background-color: #e0e0e0;
margin: 0;
padding-left: 4px;
font: bold 16px Verdana, Arial, Helvetica, sans-serif;
color: #369;
line-height: 150%;
}

Thanks for any advice!

Regards,
Jeanne


Jeanne Prine, Webmaster
University of Georgia
College of Pharmacy
[EMAIL PROTECTED]
phone 706-542-5354
fax 706-542-5269
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Positioning problem in IE

[Glenn E. Lanier, II]

I have a sample page that is stripped down, and still displays the problem I
encountered in tried to make my page work in IE (works in Firefox, CSS and
HTML validate).

I want my administrative menu to "pop-up/flyout" when the user hovers over
the "Administrative functions" link. This happens in Firefox, but in IE the
pop-up is moved far to the right. My changes have not had the desired
effect.

Any help is greatly appreciated. Please look at
http://www.lanierconsulting.net/flyout/flyout.html and tell me what I need
to feed to IE to make the menu appear under the "Administrative functions"
link.


--G
__
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] positioning problem in IE6

[Guillaume Bokiau]

Hello,

http://mazara.4project.be/2/

Please compare the lower-left temple-image on IE and on other browsers. 
Anyone care to explain what exactly is going on there? It seems IE both 
falsly interprets the width and the negative margin. Or is it the 
background-image? I'm lost.

And you might also want to admire that wonderful semi-transparant png 
degradation. (hears a few laughs) Ok, i'll never ever show off again 
when writing to css gurus.

Thanks for the help!

Guillaume
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Positioning problem in IE

[Larry Wishon]

First, I would drop my concern over how it looks in Mac/IE.  I just 
recently trashed my copy of this worthless piece of cyber-trash.  I 
will no longer design taking Mac/IE into account, based on two reasons. 
 First because it is used by less than 1% of the viewing public and 
secondly because no self-respecting Mac-user would be using it as their 
primary browser.   As to the rest of your problem, I am sure that 
someone will come along who will give you insight into this universal 
problem: how to deal with that other piece of crap, Windows/IE.



Larry

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Positioning problem in IE

[dwain]

Mike Davies wrote:


Can anyone suggest a solution?


first validate your html and correct those errors.
then validate your css and correct those errors.  the css will not 
validate now until you fix the html.


your  borders are not being contained by the .  they stick out 
to the right of the column.


there are design flaws that need to be corrected as well, but they are 
cosmetic.


validate, fix and then come back.

regards,
dwain
--
Dwain Alford
[EMAIL PROTECTED]
http://www.alforddesigngroup.com

"The artist may use any form which his expression demands;
for his inner impulse must find suitable expression."
Wassily Kandinsky, "Concerning The Spiritual In Art"
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Positioning problem in IE

[Philippe Wittenbergh]

On 13 Jun 2005, at 7:58 pm, Mike Davies wrote:


Also in MacIE5 the right column looks OK but the main image doesn't
appear which I can't understand as the image appears in the design this
was adapted from and I only changed the file name.

view at www.a-ridge-too-far.com/index.htm
css - www.a-ridge-too-far.com/fallago2.css



For the 35% to 45% of Mac Users who still use IE Mac in my stats,
your little problem is quite simple to fix:
wrap your image in a block level tag (I wrapped it in a ), and 
whoopla, the image is back.


(IE Mac likes semantically rich mark-up)

PS- you might need to style that p with margin:0; padding:0; didn't 
check that far.


Philippe
---
Philippe Wittenbergh


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Positioning problem in IE

[Gunlaug Sørtun]

Glenn E. Lanier, II wrote:

> http://www.lanierconsulting.net/flyout/flyout.html

Adding...

div#divLogin
{
position: relative;
height: 1%;
}

div#divAdminMenuFlyout
{
left: 0;
}

...will get IE on the right track.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Positioning problem in IE

[Glenn E. Lanier, II]

On Thu, May 8, 2008 at 3:54 PM, Gunlaug Sørtun <[EMAIL PROTECTED]> wrote:

> Glenn E. Lanier, II wrote:
>
>  http://www.lanierconsulting.net/flyout/flyout.html
>>
>
> div#divLogin
> {
> position: relative;
> height: 1%;
> }
>
> ...will get IE on the right track.
>
> George,

As always, you are spot on with the fix. I never tried assigning a height
when I altered the position. Again, thanks very much for a quick and easy
solution.

--G
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Positioning problem in IE [addendum]

[dwain]

observed in ff 1.04 w2k sp4

--
Dwain Alford
[EMAIL PROTECTED]
http://www.alforddesigngroup.com

"The artist may use any form which his expression demands;
for his inner impulse must find suitable expression."
Wassily Kandinsky, "Concerning The Spiritual In Art"
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Positioning problem in IE Mac/ Disappearing problem IEWin

[David Bailey]

Hi,

This is my first foray into css positioning.

Problem 1: Positioning on IEMac 5.2

I have a problem with IE Mac not positioning correctly (or rather, as I
would like it!).

Please look at:
http://www.dab-hand.co.nz/testbay/copyquality/index.html
View Source for CSS (still in development stage; will link to a style sheet
once I've sorted all this out).

While I'm still playing around trying to get the main navigation graphic to
be in the center of the page and keep the footer below it, it is the header
section that is really having problems on IE Mac. Everything in the header
is centered in a line down the page. It shows okay in in Safari, FF and IE
Win as far as I can see. As I've said, I am new to this and learning as I
go, so if there is a better way to lay this out, let me know! My main
concern is to correct the problem in IE Mac.

(Sorry about the table for the central graphic in the content section, but I
have yet to figure out how to do this without adding to the graphics
download time. I'm sure that there is a way, but it seems quite complicated
in css. Any suggestions are welcome!)


Problem 2: Disappearing Background Problem in IEWin

http://www.dab-hand.co.nz/testbay/copyquality/services/pickup_delivery.html
View Source for the CSS

I have a graphic fixed bottom left of the page. This seems to show correctly
in all browsers that I have been able to check (IEMac, Safari, FF,), but it
doesn't appear at all in IEWin. What would be causing this problem, and what
would be the fix?

I would greatly appreciate any help I can get!

Thanks,
David



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

IE Mac use was Re: [css-d] Positioning problem in IE

[Christy Collins]

Any self-respecting Mac user that bought a Mac in the early iBook or 
iMac days is probably using IE Mac.  I personally know three of them.  
They don't have enough money to upgrade to a Mac that runs X and they 
don't know that there is anything so awful about IE Mac.  They will 
just know that your page doesn't work.


-Christy

First, I would drop my concern over how it looks in Mac/IE.  I just 
recently trashed my copy of this worthless piece of cyber-trash.  I 
will no longer design taking Mac/IE into account, based on two 
reasons.  First because it is used by less than 1% of the viewing 
public and secondly because no self-respecting Mac-user would be using 
it as their primary browser.   As to the rest of your problem, I am 
sure that someone will come along who will give you insight into this 
universal problem: how to deal with that other piece of crap, 
Windows/IE.




__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Positioning Problem with IE 5 for the Mac and IE 6 for the PC

[David Brix]

Hello, 

I am new to this list, and have been working with CSS now for close to a
year. I have embraced the use of XHTML/CSS for building my websites, but am
still learning how to work around the idiosyncrasies of Internet Explorer. I
have a website that I have created and have had difficulties with the
placement of a div when viewed in IE For the Mac and IE for the PC... The
div that I am having issues with is the class=²email² div which renders
right in Firefox for the Mac but renders too low in IE 5 for the Mac. In
addition, it renders correctly in Firefox on the PC but is completely wrong
on IE on the PC (the ³email² link is missing and and the License number is
shifted to the right...). I placed the ³email² div within the ³footer² div
so that the email link and the license # will

 I know that probably most of you have this stuff down but I am still
learning and could use some help. I am also interested if anyone has any
ideas to safeguard any hacks from the release of IE7 (I suppose that I will
need to place the hack into a separate CSS document linked with a
conditional statement.

The URL is for the site is http://www.audreysilvermanfoote.com

Any help would be greatly appreciated.

Best Regards, 

David Brix
[EMAIL PROTECTED]

-- 



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/