 |
| Prev-20 | Home | Next-20 |
| Prev-20 | Home | Next-20 |
| Prev-Msg | Prev-Thread | Mozilla-support-firefox | May-2008 | Next-Thread | Next-Msg |
| Subject: | Re: Width adjustment |
| Group: | Mozilla-support-firefox |
| From: | Jim S |
| Date: | 9 May 2008 |
On Fri, 09 May 2008 13:11:13 -0700, Terry R. wrote:
> The date and time was 5/9/2008 12:21 PM, and on a whim, Jim S pounded
> out on the keyboard:
>
>> On Fri, 09 May 2008 20:23:26 +0200, Roland de Ruiter wrote:
>>
>>> On 9-5-2008 19:36, Jim S wrote:
>>>> My own picture site (below) is written for 1024 × 768 resolution, but in
>>>> the css stylesheet is a width 100% command.
>>>> When viewed in Firefox the page spills off the right hand side with no
>>>> means of viewing that part of the page.
>>>> Using IE7, Opera and Safari, the page adjusts so there is no horizontal
>>>> overlap.
>>>> How can I get FF to do this?
>>> In my FF 2.0.0.14, I don't happen to see the problem you describe. I've
>>> made a screendump and this is how your site looks in my Firefox:
>>> <http://i28.tinypic.com/2exapgh.jpg>
>>
>> Sorry I am a tit. ;oP
>> The problem arises when I check the site out in 800 x 600, just in case
>> anyone out there still does that.
>
> I was able to shrink my "window" to 767 px and it didn't spill over. I
> adjusted my Bookmark pane to as small as the page would allow, and I
> have a JS that tells me the width of the current window.
>
> I see you have each image at 100 (500 total width). Not accounting for
> other items (cell padding, etc), you might be exceeding 800 total?
>
> Can I look at jimstyle.css?
/* main table */
table.sample {
border-width: 0px;
width: 100%;
height: 100%;
border-collapse: separate;
background-color: transparent;
text-align: center;
font-family: "Comic Sans MS";
font-size: medium;
font-weight: normal;
}
table.sample th {
background-position: 0px 0px;
padding: 5px;
text-align: center;
background-attachment: scroll;
font-size: medium;
font-weight: normal;
}
table.sample td {
border: 0px solid gray;
padding: 5px;
text-align: center;
background-attachment: scroll;
font-size: medium;
font-weight: normal;
}
/* hyperlink border */
.border_1 {
border-width: 1px;
border-style: solid}
a:link img {border-color: white;}
a:visited img {border-color: aqua;}
a:hover img {border-color: red;}
a:active img {border-color:lime}
/* white border */
.border_2 {
border-width: 2px;
border-style: solid;
color:white;
}
/* button */
a.buttonise:link {
border: 2px outset #E8E8E8;
background: #E8E8E8;
color: black;
text-decoration: none;
padding: 2px 0.5em;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
font-weight: normal;
}
a.buttonise:visited {
border: 2px outset #E8E8E8;
background: #E8E8E8;
color: #800080;
text-decoration: none;
padding: 2px 0.5em;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
font-weight: normal;
}
a.buttonise:focus {
border: 2px outset white;
background: white;
font-size: small;
font-weight: normal;
color: red;
}
a.buttonise:hover {
border: 2px outset white;
background: white;
font-size: small;
font-weight: normal;
color: red;
}
a.buttonise:active {
border: 2px inset #cfcfc3;
background: #cfcfc3;
font-size: small;
font-weight: normal;
color: black;
}
/* font sizes */
.xxs_font {
font-size: xx-small;
}
.xs_font {
font-size: x-small;
}
--
Jim S
Tyneside UK
www.jimscott.co.uk
_______________________________________________
support-firefox mailing list
support-firefox
https://lists.mozilla.org/listinfo/support-firefox
To unsubscribe, send an email to support-firefox-request?subject=unsubscribe
| Prev-Msg | Prev-Thread | Mozilla-support-firefox | May-2008 | Next-Thread | Next-Msg |