Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > Newbie Question - Firefox CSS DIV irregularity

Reply
Thread Tools

Newbie Question - Firefox CSS DIV irregularity

 
 
Pacific Dragon
Guest
Posts: n/a
 
      03-13-2005
Forgive my lack of knowledge on CSS as this is pretty much my first time
dabbling with CSS.

If you view my site http://young.orcon.net.nz in Internet Explorer 6.0
(windows 2000) the page will display correctly as how I intended it to
be, however if you view the page in Firefox 1.0.1 the footer DIV's
below the main content seems to get incorrectly placed under the right
hand content div and the Footer graphic does not display.

I've tried to put a bounding box between the main content and the right
content divs but this has not helped, Firefox still places the footer
divs under the Right content div. Seeing
http://young.orcon.net.nz/troubleshoot/ will make the differences in
behaviour between firefox and Internet explorer clearer. (The green is
where I attempted to put a bounding box around the main content and
right content div)

What can be done so that the footer graphic and footer DIVs in Firefox
is properly displayed at the bottom just as Internet explorer displays it?

Thanks for any assistance
 
Reply With Quote
 
 
 
 
Edwin van der Vaart
Guest
Posts: n/a
 
      03-13-2005
Pacific Dragon wrote:
> Forgive my lack of knowledge on CSS as this is pretty much my first time
> dabbling with CSS.
>
> If you view my site http://young.orcon.net.nz in Internet Explorer 6.0
> (windows 2000) the page will display correctly as how I intended it to
> be, however if you view the page in Firefox 1.0.1 the footer DIV's
> below the main content seems to get incorrectly placed under the right
> hand content div and the Footer graphic does not display.
>
> I've tried to put a bounding box between the main content and the right
> content divs but this has not helped, Firefox still places the footer
> divs under the Right content div. Seeing
> http://young.orcon.net.nz/troubleshoot/ will make the differences in
> behaviour between firefox and Internet explorer clearer. (The green is
> where I attempted to put a bounding box around the main content and
> right content div)
>
> What can be done so that the footer graphic and footer DIVs in Firefox
> is properly displayed at the bottom just as Internet explorer displays it?

Did you play with "clear: both;" in the #contentfooter.
It would look like this in the stylesheet
#contentfooter {
background:url(/images/footer.jpg);
width:600px;
height:26px;
padding:0px;}

A little advice. Don't use fixed width, but "em" or "%" instead. Because
everyone have a different window size. Some are surfing with a 800x600,
1024x800, 1280x1024 or larger. Sometimes I use a beamer (window size
about 3x5 meters).
--
Edwin van der Vaart
http://www.semi-conductor.nl/ Links to Semiconductors sites
http://www.evandervaart.nl/ Under construction
 
Reply With Quote
 
 
 
 
Edwin van der Vaart
Guest
Posts: n/a
 
      03-13-2005
Edwin van der Vaart wrote:
> Pacific Dragon wrote:
>
> #contentfooter {
> background:url(/images/footer.jpg);
> width:600px;
> height:26px;
> padding:0px;}

Oops, I forgot to add clear: both.
#contentfooter {
clear: both;
background:url(/images/footer.jpg);
width: 600px;
height: 26px;
padding: 0px;}
--
Edwin van der Vaart
http://www.semi-conductor.nl/ Links to Semiconductors sites
http://www.evandervaart.nl/ Under construction
 
Reply With Quote
 
Pacific Dragon
Guest
Posts: n/a
 
      03-14-2005
Edwin van der Vaart wrote:
> Edwin van der Vaart wrote:
>
>> Pacific Dragon wrote:
>>
>> #contentfooter {
>> background:url(/images/footer.jpg);
>> width:600px;
>> height:26px;
>> padding:0px;}

>
> Oops, I forgot to add clear: both.
> #contentfooter {
> clear: both;
> background:url(/images/footer.jpg);
> width: 600px;
> height: 26px;
> padding: 0px;}


Excellent, thanks for that. ) This resolves the problem.
 
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
<div ... /> and <div ...></div> K Viltersten ASP .Net 4 03-31-2009 07:33 PM
Keypress irregularity: IE vs. FF function call timing? mens libertina Javascript 1 06-19-2006 02:55 AM
CSS question: div cover another div on AJAX dunnil HTML 1 02-05-2006 08:59 AM
Q: Div A inside Div B is larger than Div B Dwayne Madsen Javascript 1 06-01-2005 03:02 PM
tab irregularity steve Firefox 3 12-10-2004 09:57 AM



Advertisments