[SOLVED] Webpage not displaying properly in Firefox

Change this css

Code: Select all

.thumb {
    float: left;
    width: 150px;
    border: 1px solid #d4d4d4;
    color: #fff;
    background: #6e6e6e;
    margin: 0 15px 15px 0;
    padding: 5px;
}

to this

Code: Select all

.thumb {
    float: left;
    width: 160px;
    border: 1px solid #d4d4d4;
    color: #fff;
    background: #6e6e6e;
    margin: 0 15px 15px 0;
    padding: 5px;
}

Both the images inside the div are 160px wide. But your thumb div is set for 150px wide.

See if that works.

Thanks Lchad,

That most certainly did work! When you explain it, it does sound obvious.

I know that this is not as a result of the coding above but when I tried to left align the orange boxes on the right, the bottom one disappeared, whereas in IE it is there.

Also a quick question on how to make the paragraph above the first grey box go right across the grey box and the top orange box.

I have tried the following but what happens is the grey box also expands:
/* left side
--------- */

.left {
float: left;
width: 490px; "I changed this to 690 but this also had the affect of changing both of the grey boxes below)
margin: 0 0 10px 0;



Best Regards. John.

Hi Lchad,

I am learning at a good rate here

You can ignore my comment regarding adding the text to the top of the grey and organge boxes as I have just figured it out myslef- thanks anyway.

Now all I need help in is to add the curve back to the top of the first orange box and why the last organge box is missing a bit, ie, it has a thick white line thorough it. Any ideas?

Best Regards. John.

A big thakn you to everyone who has helped me get this page working. What I really love about the Internet is the willingness of people from all over the globe to share ideas and provide help.

Thanks again. John.

Hi all,

Hope this is an easyone for anyone! Can someone please show me how to mark this post as being solved?

Best Regards. John.

"Thread Tools" > "Mark this thread as solved"