[SOLVED] Webpage not displaying properly in Firefox

[Lchad]

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.

[Johnathan]

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.

[Johnathan]

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.

[Johnathan]

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.

[Johnathan]

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.

[Stuart]

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