Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > position absolute different in IE than firefox, help!

Reply
Thread Tools

position absolute different in IE than firefox, help!

 
 
leskaPaul
Guest
Posts: n/a
 
      11-09-2007
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;
}

 
Reply With Quote
 
 
 
 
Chris F.A. Johnson
Guest
Posts: n/a
 
      11-09-2007
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)
 
Reply With Quote
 
 
 
 
rf
Guest
Posts: n/a
 
      11-09-2007

"Chris F.A. Johnson" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> 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.


 
Reply With Quote
 
dorayme
Guest
Posts: n/a
 
      11-09-2007
In article <ulOYi.10178$(E-Mail Removed)>,
"rf" <(E-Mail Removed)> wrote:

> "Chris F.A. Johnson" <(E-Mail Removed)> wrote in message
> news:(E-Mail Removed)...
> > 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
 
Reply With Quote
 
Jonathan N. Little
Guest
Posts: n/a
 
      11-09-2007
dorayme wrote:
> In article <ulOYi.10178$(E-Mail Removed)>,
> "rf" <(E-Mail Removed)> wrote:
>
>> "Chris F.A. Johnson" <(E-Mail Removed)> wrote in message
>> news:(E-Mail Removed)...
>>> 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
 
Reply With Quote
 
Chris F.A. Johnson
Guest
Posts: n/a
 
      11-09-2007
On 2007-11-09, dorayme wrote:
> In article <ulOYi.10178$(E-Mail Removed)>,
> "rf" <(E-Mail Removed)> wrote:
>
>> "Chris F.A. Johnson" <(E-Mail Removed)> wrote in message
>> news:(E-Mail Removed)...
>> > 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)
 
Reply With Quote
 
dorayme
Guest
Posts: n/a
 
      11-09-2007
In article <27385$4733ba2d$40cba7bc$(E-Mail Removed)>,
"Jonathan N. Little" <(E-Mail Removed)> wrote:

> dorayme wrote:
> > In article <ulOYi.10178$(E-Mail Removed)>,
> > "rf" <(E-Mail Removed)> wrote:
> >
> >> "Chris F.A. Johnson" <(E-Mail Removed)> wrote in message
> >> news:(E-Mail Removed)...
> >>> 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
 
Reply With Quote
 
mbstevens
Guest
Posts: n/a
 
      11-09-2007
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.
 
Reply With Quote
 
mbstevens
Guest
Posts: n/a
 
      11-09-2007
dorayme wrote:
> In article <27385$4733ba2d$40cba7bc$(E-Mail Removed)>,
> "Jonathan N. Little" <(E-Mail Removed)> wrote:
>
>> dorayme wrote:
>>> In article <ulOYi.10178$(E-Mail Removed)>,
>>> "rf" <(E-Mail Removed)> wrote:
>>>
>>>> "Chris F.A. Johnson" <(E-Mail Removed)> wrote in message
>>>> news:(E-Mail Removed)...
>>>>> 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.
 
Reply With Quote
 
rf
Guest
Posts: n/a
 
      11-09-2007

"mbstevens" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> 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.


 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
How does one get an absolute absolute file path? James Byrne Ruby 3 09-14-2010 06:02 PM
Position absolute different in different browsers tshad HTML 9 05-13-2010 09:03 AM
Where is Form Relative Position and Absolute Position in VS.Net 2005 ? Luqman ASP .Net 1 02-07-2006 10:27 AM
set absolute position on panel =?Utf-8?B?S3VydCBTY2hyb2VkZXI=?= ASP .Net 1 03-23-2005 12:42 AM
Absolute position of datagrid Kenneth ASP .Net 3 08-29-2003 10:29 PM



Advertisments