firefox opera bugs?

[the idiot]

i have a page on a site i am building that is showing up rather weird in
firefox and opera
http://www.207g.karoo.net/nwbp/html/reater.html

when i preview it in topstyle (with firefox) everything is fine and looking
as it should
but when i preview it online in firefox (and opera) there is a six inch gap
between the title (the reater) and the first book... is this just a glitch
because i cannot understand what is going on...

could someone please tell me if it looks ok on your computer so i know
whether or not it is my computer or the www that is causing this madness..

thanks

 

[Els]

i have a page on a site i am building that is showing up rather weird in
firefox and opera
http://www.207g.karoo.net/nwbp/html/reater.html

when i preview it in topstyle (with firefox) everything is fine and looking
as it should but when i preview it online in firefox (and opera) there is a
six inch gap between the title (the reater) and the first book... is this
just a glitch because i cannot understand what is going on...

Unfortunately, it's not a glitch, but the result of setting a clear
property inside the content area in combination with having a floated
navigation.

could someone please tell me if it looks ok on your computer so i know
whether or not it is my computer or the www that is causing this madness..

It's not your computer. It's all computers and all browsers (didn't
check!), except for older Gecko's like Firebird.

thanks

You're welcome.

Workaround: float the images in the content area to the right instead
of the left, and don't use clear:both or clear:left, but only
clear:right.

Another workaround: Make the entire content area a float. As you are
using fixed width design already, this shouldn't be difficult to
accomplish without changing much of the HTML.

 

[the idiot]

Unfortunately, it's not a glitch, but the result of setting a clear
property inside the content area in combination with having a floated
navigation.
madness..

It's not your computer. It's all computers and all browsers (didn't
check!), except for older Gecko's like Firebird.


You're welcome.

Workaround: float the images in the content area to the right instead
of the left, and don't use clear:both or clear:left, but only
clear:right.

Another workaround: Make the entire content area a float. As you are
using fixed width design already, this shouldn't be difficult to
accomplish without changing much of the HTML.

so is there a big gap? because as i said when viewing it in topstylepro
(with firefox) there is no gap...?

i shall try out your advice... thanks a lot. i may be back . thanks again..

 

[Els]

so is there a big gap? because as i said when viewing it in topstylepro
(with firefox) there is no gap...?

The gap is always as big (high) as the navigation. If you would have a
page where the navigation is 1000px high, the gap also will be 1000px
high.

 

[the idiot]

The gap is always as big (high) as the navigation. If you would have a
page where the navigation is 1000px high, the gap also will be 1000px
high.

i cleared left and floated the images right
and its worked... thankyou very much...

why does the navigation in the other div affect the content div?

 

[Els]

i shall try out your advice...

That was quick - just saw the changed page

 

[Els]

i cleared left and floated the images right
and its worked... thankyou very much...

why does the navigation in the other div affect the content div?

Because it's floated, and the clear property basically says "go below
all previous floats". Unfortunately this in practice includes the
floats in other columns.

 

[the idiot]

That was quick - just saw the changed page

hehe.. sadly i will have peaked in an hour... and will shortly return to my
normal crawling speed..
thanks again..
was it the floating of the images to the right that made it work or the
clearing to the right?
or is it up to me to figure that out?

 

[Els]

hehe.. sadly i will have peaked in an hour... and will shortly return to my
normal crawling speed..
thanks again..
was it the floating of the images to the right that made it work or the
clearing to the right?
or is it up to me to figure that out?

It was the clearing to the right that solved it. (or rather the
elimination of clearing to the left). But of course it also has to do
with the floating of the pics to the right, because if you would float
the pics to the left and clear to the right... well, just try it and
see what happens

 

[the idiot]

It was the clearing to the right that solved it. (or rather the
elimination of clearing to the left). But of course it also has to do
with the floating of the pics to the right, because if you would float
the pics to the left and clear to the right... well, just try it and
see what happens

nope i dont think so... thanks again.

 

[Aquila Deus]

i have a page on a site i am building that is showing up rather weird in
firefox and opera
http://www.207g.karoo.net/nwbp/html/reater.html

when i preview it in topstyle (with firefox) everything is fine and looking
as it should
but when i preview it online in firefox (and opera) there is a six inch gap
between the title (the reater) and the first book... is this just a glitch
because i cannot understand what is going on...

could someone please tell me if it looks ok on your computer so i know
whether or not it is my computer or the www that is causing this madness..

thanks

no. But the site looks very good!

 

[the idiot]

no. But the site looks very good!

ooh thank you very much.