Velocity Reviews

Velocity Reviews (http://www.velocityreviews.com/forums/index.php)
-   HTML (http://www.velocityreviews.com/forums/f31-html.html)
-   -   position absolute different in IE than firefox, help! (http://www.velocityreviews.com/forums/t550449-position-absolute-different-in-ie-than-firefox-help.html)

leskaPaul 11-09-2007 12:13 AM

position absolute different in IE than firefox, help!
 
I'm stumped with a case of position: absolute behaving as expected in
firefox but not in IE6. Here are links to what it looks like:

firefox: http://www.flickr.com/photos/8270250@N06/1924432229/
ie: http://www.flickr.com/photos/8270250@N06/1925262398/

And here is the html followed by the css:


<html>
<head>
<link rel="stylesheet" type="text/css" href="templateModel.css"/>
</head>
<body>
<div id="containerWrapperOuter">
<div id="containerWrapperInner">
<div id="container">
<div id="outerBorderTopImage">&nbsp;</div>
<img id="headerImage" src="mastheadFake.jpg"/>
<div id="main">
<div id="leftBar"><img src="sideImgFake.GIF"/></div>
<div id="contentWrapper">
<div id="content">
<p>Here is some text. The quick brown fox jumped over the lazy
dog.
That sentence is famous because it has all 26 characters of the
English alphabet.</p>
<p>Here is some text. The quick brown fox jumped over the lazy
dog.
That sentence is famous because it has all 26 characters of the
English alphabet.</p>
<p>Here is some text. The quick brown fox jumped over the lazy
dog.
That sentence is famous because it has all 26 characters of the
English alphabet.</p>
<p>Here is some text. The quick brown fox jumped over the lazy
dog.
That sentence is famous because it has all 26 characters of the
English alphabet.</p>
<p>Here is some text. The quick brown fox jumped over the lazy
dog.
That sentence is famous because it has all 26 characters of the
English alphabet.</p>
</div>
</div> <!-- end div 'contentWrapper' -->
</div> <!-- end div 'main' -->
<div id="outerBorderBottomImage">&nbsp;</div>
<div id="footer"><img style="width: 698px" src="footerFake.jpg"/></
div>
</div> <!-- end div 'container' -->
</div> <!-- end div 'containerWrapperInner' -->
</div> <!-- end div 'containerWrapperOuter' -->
</body>
</html>


body {
text-align: center;
border: 2px blue solid;
}

#outerBorderTopImage {
visibility: visible;
background-color: yellow;
}

#outerBorderBottomImage {
visibility: visible;
background-color: purple;
}

#containerWrapperOuter {
visibility: visible;
background-image: url(outerVertGrad.jpg);
width: 800px;
margin-left: auto;
margin-right: auto;
}

#containerWrapperInner {
visibility: visible;
background-image: url(vertGradient.jpg);
width: 750px;
margin-left: auto;
margin-right: auto;
}

#container {
visibility: visible;
background-image: url(contentBg.jpg);
padding: 0px;
margin: 0px;
width: 698px;
margin-left: auto;
margin-right: auto;
}

#headerImage {
width: 698px;
height: 161px;
vertical-align: top;
padding: 0px;
margin: 0px;
}

#leftBar {
position: absolute;
width: 188px;
border: 1px red solid;
}

#contentWrapper {
margin-left: 188px;
background: url(bg_gradientTop.GIF) repeat-x #bccbc1;
background-position: top;
}

#content {
background: url(bg_gradientBottom.GIF) repeat-x;
background-position: bottom;
padding: 1px;
}

#footer {
width: 698px;
margin: 0px;
padding: 0px;
background-color: #f3f0e6;
padding-top: 20px;
}


Chris F.A. Johnson 11-09-2007 12:52 AM

Re: position absolute different in IE than firefox, help!
 
On 2007-11-09, leskaPaul wrote:
>
> I'm stumped with a case of position: absolute behaving as expected in
> firefox but not in IE6. Here are links to what it looks like:
>
> firefox: http://www.flickr.com/photos/8270250@N06/1924432229/
> ie: http://www.flickr.com/photos/8270250@N06/1925262398/
>
> And here is the html followed by the css:

....
> <p>Here is some text. The quick brown fox jumped over the lazy
> dog.
> That sentence is famous because it has all 26 characters of the
> English alphabet.</p>


Where's the 's'?

> body {
> text-align: center;
> border: 2px blue solid;
> }


Try adding: margin: 0; padding: 0;

--
Chris F.A. Johnson, webmaster <http://Woodbine-Gerrard.com>
================================================== =================
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)

rf 11-09-2007 01:03 AM

Re: position absolute different in IE than firefox, help!
 

"Chris F.A. Johnson" <cfajohnson@gmail.com> wrote in message
news:tinc05-kb7.ln1@xword.teksavvy.com...
> On 2007-11-09, leskaPaul wrote:
>>
>> I'm stumped with a case of position: absolute behaving as expected in
>> firefox but not in IE6. Here are links to what it looks like:
>>
>> firefox: http://www.flickr.com/photos/8270250@N06/1924432229/
>> ie: http://www.flickr.com/photos/8270250@N06/1925262398/
>>
>> And here is the html followed by the css:

> ...
>> <p>Here is some text. The quick brown fox jumped over the lazy
>> dog.
>> That sentence is famous because it has all 26 characters of the
>> English alphabet.</p>

>
> Where's the 's'?


s/jumped/jumps/

--
Richard.



dorayme 11-09-2007 01:12 AM

Re: position absolute different in IE than firefox, help!
 
In article <ulOYi.10178$CN4.8173@news-server.bigpond.net.au>,
"rf" <rf@invalid.com> wrote:

> "Chris F.A. Johnson" <cfajohnson@gmail.com> wrote in message
> news:tinc05-kb7.ln1@xword.teksavvy.com...
> > On 2007-11-09, leskaPaul wrote:
> >>
> >> I'm stumped with a case of position: absolute behaving as expected in
> >> firefox but not in IE6. Here are links to what it looks like:
> >>
> >> firefox: http://www.flickr.com/photos/8270250@N06/1924432229/
> >> ie: http://www.flickr.com/photos/8270250@N06/1925262398/
> >>
> >> And here is the html followed by the css:

> > ...
> >> <p>Here is some text. The quick brown fox jumped over the lazy
> >> dog.
> >> That sentence is famous because it has all 26 characters of the
> >> English alphabet.</p>

> >
> > Where's the 's'?

>
> s/jumped/jumps/


I carefully looked at the OP's text and could not see
"s/jumped/jumps/" anywhere.

--
dorayme

Jonathan N. Little 11-09-2007 01:38 AM

Re: position absolute different in IE than firefox, help!
 
dorayme wrote:
> In article <ulOYi.10178$CN4.8173@news-server.bigpond.net.au>,
> "rf" <rf@invalid.com> wrote:
>
>> "Chris F.A. Johnson" <cfajohnson@gmail.com> wrote in message
>> news:tinc05-kb7.ln1@xword.teksavvy.com...
>>> On 2007-11-09, leskaPaul wrote:


>>>> <p>Here is some text. The quick brown fox jumped over the lazy
>>>> dog.


>>> Where's the 's'?

>> s/jumped/jumps/

>
> I carefully looked at the OP's text and could not see
> "s/jumped/jumps/" anywhere.
>


Seriously? It's a regular expression substitution "replace 'jumped' with
'jumps'"

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

Chris F.A. Johnson 11-09-2007 01:40 AM

Re: position absolute different in IE than firefox, help!
 
On 2007-11-09, dorayme wrote:
> In article <ulOYi.10178$CN4.8173@news-server.bigpond.net.au>,
> "rf" <rf@invalid.com> wrote:
>
>> "Chris F.A. Johnson" <cfajohnson@gmail.com> wrote in message
>> news:tinc05-kb7.ln1@xword.teksavvy.com...
>> > On 2007-11-09, leskaPaul wrote:
>> >>
>> >> I'm stumped with a case of position: absolute behaving as expected in
>> >> firefox but not in IE6. Here are links to what it looks like:
>> >>
>> >> firefox: http://www.flickr.com/photos/8270250@N06/1924432229/
>> >> ie: http://www.flickr.com/photos/8270250@N06/1925262398/
>> >>
>> >> And here is the html followed by the css:
>> > ...
>> >> <p>Here is some text. The quick brown fox jumped over the lazy
>> >> dog.
>> >> That sentence is famous because it has all 26 characters of the
>> >> English alphabet.</p>
>> >
>> > Where's the 's'?

>>
>> s/jumped/jumps/

>
> I carefully looked at the OP's text and could not see
> "s/jumped/jumps/" anywhere.


'Nuff sed!

--
Chris F.A. Johnson, webmaster <http://Woodbine-Gerrard.com>
================================================== =================
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)

dorayme 11-09-2007 02:16 AM

Re: position absolute different in IE than firefox, help!
 
In article <27385$4733ba2d$40cba7bc$25175@NAXS.COM>,
"Jonathan N. Little" <lws4art@centralva.net> wrote:

> dorayme wrote:
> > In article <ulOYi.10178$CN4.8173@news-server.bigpond.net.au>,
> > "rf" <rf@invalid.com> wrote:
> >
> >> "Chris F.A. Johnson" <cfajohnson@gmail.com> wrote in message
> >> news:tinc05-kb7.ln1@xword.teksavvy.com...
> >>> On 2007-11-09, leskaPaul wrote:

>
> >>>> <p>Here is some text. The quick brown fox jumped over the lazy
> >>>> dog.

>
> >>> Where's the 's'?
> >> s/jumped/jumps/

> >
> > I carefully looked at the OP's text and could not see
> > "s/jumped/jumps/" anywhere.
> >

>
> Seriously? It's a regular expression substitution "replace 'jumped' with
> 'jumps'"


I always take what you say seriously. So I looked again. I still
found no answer to Chris's question in the OP's post. How complex
is that post? Mind you, I was very superficial, I just looked at
the visible part (I always have trouble seeing any other).

--
dorayme

mbstevens 11-09-2007 02:37 AM

Re: position absolute different in IE than firefox, help!
 
Jonathan N. Little wrote:

>>>> Where's the 's'?
>>> s/jumped/jumps/

>>
>> I carefully looked at the OP's text and could not see
>> "s/jumped/jumps/" anywhere.
>>

>
> Seriously? It's a regular expression substitution "replace 'jumped' with
> 'jumps'"
>

Well, strictly speaking, s///; is a _Perl_ regular expression substitution.
I think the popularity of other languages has left a gap in common knowledge of
it.

mbstevens 11-09-2007 02:41 AM

Re: position absolute different in IE than firefox, help!
 
dorayme wrote:
> In article <27385$4733ba2d$40cba7bc$25175@NAXS.COM>,
> "Jonathan N. Little" <lws4art@centralva.net> wrote:
>
>> dorayme wrote:
>>> In article <ulOYi.10178$CN4.8173@news-server.bigpond.net.au>,
>>> "rf" <rf@invalid.com> wrote:
>>>
>>>> "Chris F.A. Johnson" <cfajohnson@gmail.com> wrote in message
>>>> news:tinc05-kb7.ln1@xword.teksavvy.com...
>>>>> On 2007-11-09, leskaPaul wrote:
>>>>>> <p>Here is some text. The quick brown fox jumped over the lazy
>>>>>> dog.
>>>>> Where's the 's'?
>>>> s/jumped/jumps/
>>> I carefully looked at the OP's text and could not see
>>> "s/jumped/jumps/" anywhere.
>>>

>> Seriously? It's a regular expression substitution "replace 'jumped' with
>> 'jumps'"

>
> I always take what you say seriously. So I looked again. I still
> found no answer to Chris's question in the OP's post. How complex
> is that post? Mind you, I was very superficial, I just looked at
> the visible part (I always have trouble seeing any other).
>

He was saying that 'jumps' substituted for 'jumped' would leave a
'quick brown fox jumped...' sentence with all the letters of the alphabet.

rf 11-09-2007 03:10 AM

Re: position absolute different in IE than firefox, help!
 

"mbstevens" <NOXwebmasterx@xmbstevensx.com> wrote in message
news:13j7hjs9seciva3@corp.supernews.com...
> Jonathan N. Little wrote:
>
>>>>> Where's the 's'?
>>>> s/jumped/jumps/
>>>
>>> I carefully looked at the OP's text and could not see "s/jumped/jumps/"
>>> anywhere.
>>>

>>
>> Seriously? It's a regular expression substitution "replace 'jumped' with
>> 'jumps'"
>>

> Well, strictly speaking, s///; is a _Perl_ regular expression
> substitution.
> I think the popularity of other languages has left a gap in common
> knowledge of
> it.


I actually had VI (and its ilk) in mind :-)

--
Richard.




All times are GMT. The time now is 12:37 PM.

Powered by vBulletin®. Copyright ©2000 - 2014, vBulletin Solutions, Inc.
SEO by vBSEO ©2010, Crawlability, Inc.