Help with CSS & Firefox

Question

Could anyone help with the query below. I posted this last
friday but never
got a reply. The original message that i posted is also
below. It might be
easier to read from the bottom up.
Thanks
James
----------------------------------->
Thanks for your reply.
I've changed my code as you suggested & now the content
div is coming about
half way down the page- so were getting somewhere. There are
floated
elements so I have added the 'clearthefloats' div. There are
no absolutely
positioned elements, but I tried making the content div
position:relative
anyway but it had no effect.
I also added some text into the 'clearthefloats' div so i
could see where it
was on the page & it is halfway down the page itself,
even though it is
below the other elements in the page.
Thanks,
James
"typist" <[email protected]> wrote in
message
news:[email protected]...
> How are you positioning what is inside your contentdiv?
Are the elements
> floated?
> IE will surround your floated elements, Firefox will not
unless you put a
> non-floated element after the floated ones, and clear
it.
>
> <div class="clearthefloats"> <!--
--></div> (I just put a comment in to
> hold
> the div)
>
> div.clearthefloats {clear:both:} (look up "Stylin' with
CSS" by Charles
> Wyke-Smith for more)
>
> But if you are putting absolutely positioned elements
into your div, then
> you
> need to make your content div position:relative. This
will make the
> elements
> position in the context of the content div instead of
the body.
>
ORIGINAL MESSAGE:
>>Hi,
>>I've got a page with css controlled div's. One of
them ('content') not
>>very
>>surprisingly contains all the page elements. For some
reason though, when
>>viewed in firefox the content div does not wrap round
it's contents (the
>>bg
>>of the page has a light purple color and the content
div is white). There
>>is
>>just a thin strip of white at the top where it
begins. It looks fine in
>>ie.
>>Here's the code for the content div:
>>#content {width:760px;
>> margin:0px auto;
>> background-image:url(images/logostrip.jpg);
>> background-position:top;
>> background-repeat:no-repeat;
>> background-color:#FFFFFF;
>> padding-bottom:10px }
>>I have tried defining the height, which works in
firefox, but then in ie
>>there is about 100px space at the bottom of the
content div. For some
>>reason
>>1000px in firefox is shorter than 1000px in ie???
>>Is there anything i am missing?
>>Thanks,
>>James

Answer 1

Yes I have tried setting the height. It should wrap round the
whole page
content not just the graphic. I tried setting the height till
it looked
right in firefox but then in ie there was about 150px extra
at the bottom.
(this was on another page which is a lot longer). Plus if i
set the height
to be right on the homepage, the other pages will be wrong. I
would have to
use seperate style sheets, or give the div's different id's.
Surely there is a way to get the div that all the contents
are in, to simply
wrap round them.
Thanks
"Nadia : **AdobeCommunityExpert**"
<[email protected]> wrote
in message news:[email protected]...
> Setting a height of 306px on that container, revealed
the whole graphic as
> per the visual in IE.
> I did this using the FFox edit CSS tool - but it should
work.
>
> --
> Nadia
> Adobe� Community Expert : Dreamweaver
> --------------------------------------------
>
http://www.csstemplates.com.au
- CSS Templates | Free Templates
> --------------------------------------------
>
http://www.perrelink.com.au
- Web Dev
>
http://www.DreamweaverResources.com
- Dropdown Menu Templates|Tutorials
>
http://www.adobe.com/devnet/dreamweaver/css.html
> -------------------------------------------------
> "Nadia : **AdobeCommunityExpert**"
<[email protected]>
> wrote in message
news:[email protected]...
>> Is that the graphics in the #container?
>> Have you tried setting a height on that container to
the height of your
>> header image?
>>
>> --
>> Nadia
>> Adobe� Community Expert : Dreamweaver
>> --------------------------------------------
>>
http://www.csstemplates.com.au
- CSS Templates | Free Templates
>> --------------------------------------------
>>
http://www.perrelink.com.au
- Web Dev
>>
http://www.DreamweaverResources.com
- Dropdown Menu Templates|Tutorials
>>
http://www.adobe.com/devnet/dreamweaver/css.html
>> -------------------------------------------------
>> "James D" <[email protected]> wrote
in message
>> news:[email protected]...
>>> Ok,
>>>
>>> please visit
http://www.beta-design.co.uk/ivesys_home_white/home.html
to
>>> see
>>> the page.
>>>
>>> If you view it in Firefox you will see a thin
white strip at the top.
>>> This
>>> should wrap round the page contents. It works in
IE. If you cannot
>>> access
>>> the css which is in an external file then please
repost and i will paste
>>> it
>>> all into a reply.
>>>
>>> Thanks
>>>
>>>
>>>
>>>
>>>
>>> "Osgood" <[email protected]>
wrote in message
>>> news:[email protected]...
>>>> James D wrote:
>>>>
>>>>> Could anyone help with the query below.
I posted this last friday but
>>>>> never
>>>>> got a reply. The original message that i
posted is also below. It
>>>>> might be
>>>>> easier to read from the bottom up.
>>>>
>>>> Its better to link to the complete page
rather than just supplying half
>>>> the story. If you do that its going to be
easier to identify the issue.
>>>> With the little information you have
supplied its not going to be
>>>> possible.
>>>>
>>>
>>>
>>
>>
>
>