This is Interesting: Free Magazines for Graphics designers and webmasters
Home > Archive > Dreamweaver > September 2004 > mozilla display problem
You are viewing an archived Text-only version of the thread.
To view this thread in it's original format and/or if you want to reply to
this thread please [click here]
| Author |
mozilla display problem
|
|
| middletree 2004-09-17, 12:16 pm |
| I posted this a few days ago, and tried the suggestions offered, and it
still doesn't work.
The default page of http://www.middletree.net/cm is showing up fine in IE,
but the customer has a lot of employees and they're switching over to
Mozilla 1.7. In that browser, the text on the right, the sub-menu if you
will, shows up too far to the left. I'm stumped, as this is a simple table
layout, nothing fancy.
| |
| darrel 2004-09-17, 12:16 pm |
| > I posted this a few days ago, and tried the suggestions offered, and it
> still doesn't work.
>
> The default page of http://www.middletree.net/cm is showing up fine in IE,
> but the customer has a lot of employees and they're switching over to
> Mozilla 1.7. In that browser, the text on the right, the sub-menu if you
> will, shows up too far to the left. I'm stumped, as this is a simple
table
> layout, nothing fancy.
You really need to give it a valid doctype. Without it, you can't predict
what Mozilla (or really any browser) will do.
Other than that, I'd suggest changing the left TD to a pixel width in stead
of 77%.
Also, why do you have a nested table in that TD? I don't really see a need
for that.
-Darrel
| |
| Osgood 2004-09-17, 7:14 pm |
| This should do what you want it to do. Copy code, paste into new DW
document, save it to your site folder with different name than your
original. View in browser.
Css is embedded in head of page. You will have to move that into a NEW
external sheet and re-link the page to it.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Welcome to Cargo-Master</title>
<script language="Javascript" src="includes/topmenu.js">
</script>
<style>
body {
background-image: url(cmbg0000.gif);
}
#maindiv {
position:absolute;
z-index:1;
left: 0;
top: 0;
}
..leftnav {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
}
..leftmain {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
width: 765px;
}
..leftmain p {
text-align: left;
padding: 0 15px;
}
..rightmain {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
background-position: center top;
padding: 0 0 0 15px;
}
..mainbody {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
padding: 6px;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
color: #ffffff;
}
..listhead {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #ffffff;
}
a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #CCCCCC;
}
..label {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
}
..labelhead {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
font-weight: bold;
}
</style>
</head>
<body
onLoad="MM_preloadImages('Images/home_on.gif','Images/carriers_on.gif','Images/shippers_over.gif','Images/contact_over.gif','Images/loads_over.gif','Images/trucks_over.gif')">
<div id="Layer1" style="position:absolute; width:200px; height:115px;
z-index:1; left: -2px; top: 0px;">
<center>
<table width="992" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0"
WIDTH=992 HEIGHT=180>
<param NAME=movie VALUE="cmtop2.swf">
<param NAME=loop VALUE=false> <param NAME=quality VALUE=high> <param
NAME=bgcolor VALUE=#FFFFFF>
<embed src="cmtop2.swf" loop=false quality=high bgcolor=#FFFFFF
WIDTH=992 HEIGHT=180 TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></embed></object></td>
</tr>
<tr>
<td><img src="Images/nav.gif" width="130" height="25"><a
href="default.asp" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('nav_home','','Images/home_on.gif',1)"><img
src="Images/home_off.gif" name="nav_home" width="110" height="25"
border="0"></a><a href="shippers.asp" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('shippers_nav','','Images/shippers_over.gif',1)"><img
src="Images/shippers_off.gif" name="shippers_nav" width="110"
height="25" border="0"></a><img src="Images/nav.gif" width="5"
height="25"><a href="carriers.asp" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('carriers','','Images/carriers_on.gif',1)"><img
src="Images/carriers_off.gif" name="carriers" width="110" height="25"
border="0"></a><img src="Images/nav.gif" width="15" height="25"><a
href="contact.asp" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('contact_nav','','Images/contact_over.gif',1)"><img
src="Images/contact_off.gif" name="contact_nav" width="110" height="25"
border="0"></a><a href="http://www.crgm06.com/aval.txt"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('loads_nav','','Images/loads_over.gif',1)"
target="_blank"><img src="Images/loads_off.gif" name="loads_nav"
width="110" height="25" border="0"></a><a href="trucks.asp"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('trucks_nav','','Images/trucks_over.gif',1)"><img
src="Images/trucks_off.gif" name="trucks_nav" width="110" height="25"
border="0"></a><img src="Images/nav.gif" width="185" height="25"></td>
</tr>
</table>
<table width="992" cellpadding="0" border="0" cellspacing="0">
<tr>
<td valign="top" class="leftmain"><table border="0" cellpadding="3"
width="100%">
<tr>
<td class="leftmain" align="center"><h1>Mission Statement</h1>
<p><img src="Images/truck.jpg" align="left">Established
in 1978, Cargo-Master, Inc has grown to be one of the
largest privately
held brokerage/Logistics companies in the United States. By
utilizing
the capabilities of our carriers with the needs of our
shipping customers
we are able to move on an annual basis over 75,000 loads.
Whatever
the mode, equipment requirement or service requested,
Cargo-Master,
Inc. will provide the solutions to your transportation
puzzle.</p>
<p align="left"> </p>
<p> </p>
<p> </p>
<p> </p></td>
</tr>
</table>
</td>
<td align="center" class="rightmain" valign="top">
<p> </p>
<p align="left"><a href="about.asp">About Us/What We Do</a><br>
</p>
</td>
</tr>
</table>
</center>
</div>
</body>
</html>
| |
| Gary White 2004-09-17, 7:14 pm |
| middletree wrote:
>The default page of http://www.middletree.net/cm is showing up fine in IE,
>but the customer has a lot of employees and they're switching over to
>Mozilla 1.7. In that browser, the text on the right, the sub-menu if you
>will, shows up too far to the left. I'm stumped, as this is a simple table
>layout, nothing fancy.
In addition to the other replies, you have the who page inside a layer:
<div id="Layer1" style="position:absolute; width:200px;
Note the width:200px.
Inside that layer, you have:
<table width="800"
How's that supposed to fit?
Gary
| |
| middletree 2004-09-17, 7:15 pm |
| Thanks. For some reason, I can't see it in Mozilla, but I will try and
figure it out, and let you know. For the record, if you have Mozilla, the
URL is http://www.middletree.net/cm/default2.asp
| |
| middletree 2004-09-17, 7:15 pm |
| "darrel" <notreal@hotmail.com> wrote in message
news:ciev4m$84n$1@forums.macromedia.com...
> You really need to give it a valid doctype. Without it, you can't predict
> what Mozilla (or really any browser) will do.
Good point.
>
> Other than that, I'd suggest changing the left TD to a pixel width in
stead
> of 77%.
I should have added that I tried that, and it didn't work, so I changed it
back.
>
> Also, why do you have a nested table in that TD? I don't really see a need
> for that.
>
Well, the main body needs to not be right next to the text on the right. So
I added cellpadding. But then that made the main logo at the top not snuggle
right up to the extreme top and left like I wanted, so I added another table
in the main body, gave it a cellpadding or 3 or 5 or something.
| |
| middletree 2004-09-17, 7:15 pm |
|
"Gary White" <reply@newsgroup.please> wrote in message
news:ee3mk01i33ng8ino87kctogfmk18qi8nvm@4ax.com...
> In addition to the other replies, you have the who page inside a layer:
>
> <div id="Layer1" style="position:absolute; width:200px;
>
> Note the width:200px.
>
> Inside that layer, you have:
>
> <table width="800"
>
> How's that supposed to fit?
I had missed that! Thanks!
| |
| darrel 2004-09-17, 7:15 pm |
| > Well, the main body needs to not be right next to the text on the right.
So
> I added cellpadding. But then that made the main logo at the top not
snuggle
> right up to the extreme top and left like I wanted, so I added another
table
> in the main body, gave it a cellpadding or 3 or 5 or something.
Just wrap it in a span, then:
<span id="mainContent">your content</span>
And in your css:
#mainContent {margin: 20px;}
A bit more streamlined than dealing with nested tables.
Also, read Gary's response...I think he found the answer for you.
-Darrel
| |
| Murray *TMM* 2004-09-17, 7:15 pm |
| A span?
--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================
"darrel" <notreal@hotmail.com> wrote in message
news:cif8ur$is0$1@forums.macromedia.com...
> So
> snuggle
> table
>
> Just wrap it in a span, then:
>
> <span id="mainContent">your content</span>
>
> And in your css:
>
> #mainContent {margin: 20px;}
>
> A bit more streamlined than dealing with nested tables.
>
> Also, read Gary's response...I think he found the answer for you.
>
> -Darrel
>
>
| |
| middletree 2004-09-17, 7:15 pm |
|
"darrel" <notreal@hotmail.com> wrote in message
news:cif8ur$is0$1@forums.macromedia.com...
> Just wrap it in a span, then:
>
> <span id="mainContent">your content</span>
>
> And in your css:
>
> #mainContent {margin: 20px;}
>
> A bit more streamlined than dealing with nested tables.
>
OK, that sounds fair. I have a lot to learn about CSS. I have been using it
for a year for fonts and colors, but need to branch out some, I know. Thanks
for the code sample. Makes sense.
> Also, read Gary's response...I think he found the answer for you.
>
Yep, it worked. I didn't study it much, though, so I have to figure out what
it was that worked. But I put up a fake page at
http://www.middletree.net/cm/default2.asp and it looks good in IE as well as
Moz 1.7
| |
| middletree 2004-09-17, 7:15 pm |
| This seems to work. I pasted it into a new fake page, and had to change the
background color, and it works fine in IE as well as Moz. URL is
http://www.middletree.net/cm/default2.asp
I now need to look at your code and figure out what you did.
thanks very much!
| |
| darrel 2004-09-17, 7:15 pm |
| > A span?
or Div. or whatever. ;o)
-Darrel
| |
|
|
| Gary White 2004-09-17, 7:15 pm |
| middletree wrote:
>I had missed that! Thanks!
You're welcome.
Gary
| |
| Gary White 2004-09-17, 7:15 pm |
| middletree wrote:
>This seems to work. I pasted it into a new fake page, and had to change the
>background color, and it works fine in IE as well as Moz. URL is
>http://www.middletree.net/cm/default2.asp
>I now need to look at your code and figure out what you did.
This is showing up as a reply to my message, but I'm guessing that it's
actually a reply to Osgood's.
Gary
| |
| middletree 2004-09-17, 7:15 pm |
| It works. See my reply to Gary.
Thanks very much
"Osgood" <notavailable@atthisaddress.com> wrote in message
news:cif09l$97f$1@forums.macromedia.com...
> This should do what you want it to do. Copy code, paste into new DW
> document, save it to your site folder with different name than your
> original. View in browser.
>
> Css is embedded in head of page. You will have to move that into a NEW
> external sheet and re-link the page to it.
>
>
>
>
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
> "http://www.w3.org/TR/html4/loose.dtd">
> <html>
> <head>
> <title>Welcome to Cargo-Master</title>
> <script language="Javascript" src="includes/topmenu.js">
> </script>
>
> <style>
> body {
>
> background-image: url(cmbg0000.gif);
>
> }
>
> #maindiv {
>
> position:absolute;
>
> z-index:1;
>
> left: 0;
>
> top: 0;
>
> }
>
> .leftnav {
>
> font-family: Verdana, Arial, Helvetica, sans-serif;
>
> font-size: 11px;
>
> color: #FFFFFF;
>
> }
>
> .leftmain {
>
> font-family: Verdana, Arial, Helvetica, sans-serif;
>
> font-size: 11px;
>
> color: #FFFFFF;
> width: 765px;
> }
> .leftmain p {
> text-align: left;
> padding: 0 15px;
> }
>
> .rightmain {
>
> font-family: Verdana, Arial, Helvetica, sans-serif;
>
> font-size: 11px;
>
> color: #FFFFFF;
>
> background-position: center top;
> padding: 0 0 0 15px;
>
> }
>
>
> .mainbody {
>
> font-family: Verdana, Arial, Helvetica, sans-serif;
>
> font-size: 12px;
>
> color: #000000;
>
> padding: 6px;
>
> }
>
> h1 {
>
> font-family: Arial, Helvetica, sans-serif;
>
> font-size: 24px;
>
> font-weight: bold;
>
> color: #ffffff;
>
> }
>
> .listhead {
>
> font-family: Arial, Helvetica, sans-serif;
>
> font-size: 18px;
>
> font-weight: bold;
>
> color: #ffffff;
>
> }
>
> a {
>
> font-family: Arial, Helvetica, sans-serif;
>
> font-size: 12px;
>
> color: #CCCCCC;
>
> }
>
> .label {
>
> font-family: Arial, Helvetica, sans-serif;
>
> font-size: 12px;
>
> color: #ffffff;
>
> }
>
> .labelhead {
>
> font-family: Arial, Helvetica, sans-serif;
>
> font-size: 12px;
>
> color: #ffffff;
>
> font-weight: bold;
>
> }
>
> </style>
> </head>
> <body
>
onLoad="MM_preloadImages('Images/home_on.gif','Images/carriers_on.gif','Imag
es/shippers_over.gif','Images/contact_over.gif','Images/loads_over.gif','Ima
ges/trucks_over.gif')">
> <div id="Layer1" style="position:absolute; width:200px; height:115px;
> z-index:1; left: -2px; top: 0px;">
> <center>
> <table width="992" border="0" cellspacing="0" cellpadding="0">
> <tr>
> <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
>
>
codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0
,0"
> WIDTH=992 HEIGHT=180>
> <param NAME=movie VALUE="cmtop2.swf">
> <param NAME=loop VALUE=false> <param NAME=quality VALUE=high> <param
> NAME=bgcolor VALUE=#FFFFFF>
> <embed src="cmtop2.swf" loop=false quality=high bgcolor=#FFFFFF
> WIDTH=992 HEIGHT=180 TYPE="application/x-shockwave-flash"
>
PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_
Version=ShockwaveFlash"></embed></object></td>
> </tr>
> <tr>
> <td><img src="Images/nav.gif" width="130" height="25"><a
> href="default.asp" onMouseOut="MM_swapImgRestore()"
> onMouseOver="MM_swapImage('nav_home','','Images/home_on.gif',1)"><img
> src="Images/home_off.gif" name="nav_home" width="110" height="25"
> border="0"></a><a href="shippers.asp" onMouseOut="MM_swapImgRestore()"
>
onMouseOver="MM_swapImage('shippers_nav','','Images/shippers_over.gif',1)"><
img
> src="Images/shippers_off.gif" name="shippers_nav" width="110"
> height="25" border="0"></a><img src="Images/nav.gif" width="5"
> height="25"><a href="carriers.asp" onMouseOut="MM_swapImgRestore()"
> onMouseOver="MM_swapImage('carriers','','Images/carriers_on.gif',1)"><img
> src="Images/carriers_off.gif" name="carriers" width="110" height="25"
> border="0"></a><img src="Images/nav.gif" width="15" height="25"><a
> href="contact.asp" onMouseOut="MM_swapImgRestore()"
>
onMouseOver="MM_swapImage('contact_nav','','Images/contact_over.gif',1)"><im
g
> src="Images/contact_off.gif" name="contact_nav" width="110" height="25"
> border="0"></a><a href="http://www.crgm06.com/aval.txt"
> onMouseOut="MM_swapImgRestore()"
> onMouseOver="MM_swapImage('loads_nav','','Images/loads_over.gif',1)"
> target="_blank"><img src="Images/loads_off.gif" name="loads_nav"
> width="110" height="25" border="0"></a><a href="trucks.asp"
> onMouseOut="MM_swapImgRestore()"
>
onMouseOver="MM_swapImage('trucks_nav','','Images/trucks_over.gif',1)"><img
> src="Images/trucks_off.gif" name="trucks_nav" width="110" height="25"
> border="0"></a><img src="Images/nav.gif" width="185" height="25"></td>
> </tr>
> </table>
> <table width="992" cellpadding="0" border="0" cellspacing="0">
>
>
> <tr>
> <td valign="top" class="leftmain"><table border="0" cellpadding="3"
> width="100%">
> <tr>
> <td class="leftmain" align="center"><h1>Mission Statement</h1>
> <p><img src="Images/truck.jpg" align="left">Established
> in 1978, Cargo-Master, Inc has grown to be one of the
> largest privately
> held brokerage/Logistics companies in the United States. By
> utilizing
> the capabilities of our carriers with the needs of our
> shipping customers
> we are able to move on an annual basis over 75,000 loads.
> Whatever
> the mode, equipment requirement or service requested,
> Cargo-Master,
> Inc. will provide the solutions to your transportation
> puzzle.</p>
> <p align="left"> </p>
> <p> </p>
> <p> </p>
> <p> </p></td>
> </tr>
> </table>
> </td>
>
> <td align="center" class="rightmain" valign="top">
> <p> </p>
> <p align="left"><a href="about.asp">About Us/What We Do</a><br>
>
> </p>
>
>
> </td>
> </tr>
> </table>
>
> </center>
> </div>
> </body>
> </html>
>
| |
| darrel 2004-09-17, 7:15 pm |
| > Not whatever at all. Better use a div for that content wrapper! 8)
in this case, a div or span are fine. You could argue DIV being a block
level item, but then, so is the parent TD.
-Darrel
| |
| Murray *TMM* 2004-09-18, 12:14 pm |
| Yes, I would make that argument. A span tag is improper for this use.
--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================
"darrel" <notreal@hotmail.com> wrote in message
news:cifmnn$2em$1@forums.macromedia.com...
>
> in this case, a div or span are fine. You could argue DIV being a block
> level item, but then, so is the parent TD.
>
> -Darrel
>
>
|
|
|
| | Copyright 2003 - 2008 forum4designers.com Software forum Computer Hardware reviews |
|