Dreamweaver - browser differences

Author

browser differences

evropa

2005-10-31, 6:29 pm

screenshot below explains everything
http://img80.imageshack.us/img80/2883/ss8qw.png

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Copyright" content="Copyright www.ccsd.net/schools/liberty">
<meta name="Rating" content="general">
<meta name=description content="Official website of LHS"/>
<meta name=keywords content="Liberty High School, , Liberty, Las Vegas, High
School, CCSD"/>

<title>LHS Home</title>
<link href="css.css" rel="stylesheet" type="text/css" />
</head>
<script>
function hide(id) {
var id2 = null;
id2 = document.getElementById(id);
id2.style.display = "none";
}

function show(id) {
var id2 = null;
id2 = document.getElementById(id);
id2.style.display = "";
}
</script>

<body>
<h1>logo here </h1>
<table width="689" border="0" cellpadding="0" cellspacing="0">

<tr><br />

<td width="689" height="27" valign="top" class="links" id="main"><a
title="Home" href="www.ccsd.net/schools/liberty">LHS Home </a> <a
onmouseover="show('home_links'); hide('other_links');"> Administration</a>
<a onmouseover="hide('home_links' 'second_links' 'third_links');
show('second_links');">School Info</a> <a onmouseover="hide('home_links'
'second_links); show('third_links');">Activities</a> <a
onmouseover="hide('home_links' 'second_links' 'third_links');
show('second_links');">Athletics</a></td>
</tr>
<tr id="home_links" style="display: none;">
<td class="dropdownlinks">
<a href="www.ccsd.net/schools/liberty/principal"
class="dropdownlinks">Principals Notes</a> Adminstrators<a
href="www.ccsd.net/schools/liberty/admin"></a></td>
</tr>
<tr id="second_links" style="display: none;">
<td class="dropdownlinks">
<a href="http://ccsd.net/schools/liberty/beliefs.htm">Beliefs</a> <a
href="http://ccsd.net/schools/liberty/highlights.htm">Highlights</a>
Celebrations</td>
<tr id="third_links" style="display: none;">
<td class ="dropdownlinks">
Gault </td>
</tr>
</table>
<table width="689" border="0" cellpadding="0" cellspacing="0">

<tr>
<td height="6"></td>
</tr>


<tr>
<td width="689" height="1" valign="top"></td>
</tr>
</table>
<table width="689" border="0" cellpadding="0" cellspacing="0" class="sheading">


<tr>
<td width="207" rowspan="3" valign="top" class="sections">WELCOME TO LHS
<br />
<p class="stext"><strong>Mrs. Kelly Bucherie, Principal</strong><br />
<br />
3700 Liberty Heights Avenue<br />
Henderson, NV 89052
702-799-2270<br />
<br />
This website is all about Liberty High School of Las Vegas. Here you will
find bleh bleh bleh bleh bleh bleh bleh bleh bleh bleh</p></td>
<td width="482" height="22" valign="top" class="hnews">Math Proficiency
Tutorial </td>

</tr>
<tr>
<td height="109" valign="top" class="news"><p>cgfgfgfdgdgdgfdbbg</p></td>
</tr>
<tr>
<td height="104"> </td>
</tr>

<tr>
<td height="235" valign="top" class="sections">IMPORTANT DATES <br />
<br />
<span class="stext">No school everyday! </span></td>
<td> </td>
</tr>
<tr>
<td height="230" valign="top" class="sections">INTERACTIVE<br />
<br />
<span class="stext">Last 3 photos added </span></td>
<td> </td>
</tr>
<tr>
<td height="22"> </td>
<td> </td>
</tr>
</table>

</body>
</html>

css;
body {
width:689px;
margin:0 auto;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
#main {
background-color: #990000;
}
.links {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #FFCCCC;
padding-top: 5.5px;
padding-left: 5.5px;
margin-bottom: 3px;
}
.dropdownlinks {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #666666;
text-decoration: none;
padding-top: 4px;
}

.sheading .news p {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #666666;
padding-left: 6px;
padding-top: 2px;
}

a:link {
color: #FFCCCC;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}
a:visited {
text-decoration: none;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #FFCCCC;
}
a:hover {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}
a:active {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #666666;
text-decoration: none;
}

.space {
background-color: #00CC33;
}
.sections {
background-image: url(images/sectionbg.png);
background-repeat: no-repeat;
background-attachment: scroll;
width: 199px;
position: relative;
}

a {
text-decoration: none;
}
.sheading #cttext {
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #666666;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
.sheading #cheader td {
font-size: 11px;
font-style: normal;
color: #666666;
font-weight: normal;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}
.cinput {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666666;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-decoration: none;
}

.sheading .sections {
color: #FFFFFF;
padding-top: 8px;
padding-left: 8px;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-decoration: none;

}
.stext {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #666666;
text-decoration: none;
}
.news {
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #666666;
text-decoration: none;
}
.hnews {
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-left-color: #CCCCCC;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
padding-top: 3px;
padding-left: 3px;
font-weight: normal;
background-color: #990000;
}
#otherlinks {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
font-variant: normal;
color: #666666;
text-decoration: none;
}

darrel

2005-10-31, 6:29 pm

> screenshot below explains everything
> http://img80.imageshack.us/img80/2883/ss8qw.png

Upload your page + CSS and then send us a link to that page.

-Darrel

Murray *TMM*

2005-10-31, 6:29 pm

What's this about -

</head>
<script>
function hide(id) {

a script between </head> and <body>?

What's with the 5.5px margins?

> padding-top: 5.5px;
> padding-left: 5.5px;

And I don't see any menus on the left in your markup below....

--
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
==================

"evropa" <webforumsuser@macromedia.com> wrote in message
news:dk61jg$1ej$1@forums.macromedia.com...
> screenshot below explains everything
> http://img80.imageshack.us/img80/2883/ss8qw.png
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <html xmlns="http://www.w3.org/1999/xhtml">

evropa

2005-10-31, 6:29 pm

i uploaded to different places first:
http://evropa.bravehost.com/index.html
- still having the same problem

second:
http://www.geocities.com/ballagarian/index.html
- the table/menu problem seems to be gone.

i didnt do anything different to the second upload that i didnt do to the first

darrel

2005-10-31, 6:29 pm

>i uploaded to different places first:
> http://evropa.bravehost.com/index.html
> - still having the same problem

These look pretty much the same to me in IE6 and Firefox.

Also, free web hosts tend to put a bunch of crappy HTML and Javascript onto
your pages, so they are not good things for testing your sites with.

-Darrel

evropa

2005-10-31, 6:31 pm

you dont see how the links are more upward in ie then in firefox, also the menu
tables have different spaces between them rather then having the same like in
firefox. it may be a little thing, but it really bothers me

i'm waiting on a friend, once he gets on and gives me the ftp info i need i
will reupload it and take a look again. thanks for your input

darrel

2005-10-31, 10:20 pm

> you dont see how the links are more upward in ie then in firefox, also the
> menu
> tables have different spaces between them rather then having the same like
> in
> firefox. it may be a little thing, but it really bothers me

Maybe it's a really little thing. They look the same to me. ;o)

-Darrel

evropa

2005-10-31, 10:22 pm

Originally posted by: Newsgroup User
What's this about -

</head>
<script>
function hide(id) {

a script between </head> and <body>?

What's with the 5.5px margins?

> padding-top: 5.5px;
> padding-left: 5.5px;

And I don't see any menus on the left in your markup below....

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.w3.org/1999/xhtml">

i didnt even notice that i had started it there, its between the body tags now.

padding-top: 5.5px;
padding-left: 5.5px;

are there so the links line up in the middle and away from the table border.

the menus are a background image

sections {
background-image: url(images/sectionbg.png);
background-repeat: no-repeat;
background-attachment: scroll;
width: 199px;
position: relative;
}

evropa

2005-10-31, 10:23 pm

the .5 actually does make a difference.

not in them, but between. each section has its own cell.
if you look at this ss you'll understand what im talking about.
http://img80.imageshack.us/img80/2883/ss8qw.png

Murray *TMM*

2005-10-31, 10:23 pm

You can't get 1/2 pixel on a screen like that.

--
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
==================

"evropa" <webforumsuser@macromedia.com> wrote in message
news:dk6fna$jqg$1@forums.macromedia.com...
> the .5 actually does make a difference.
>
> not in them, but between. each section has its own cell.
> if you look at this ss you'll understand what im talking about.
> http://img80.imageshack.us/img80/2883/ss8qw.png
>

evropa

2005-10-31, 10:24 pm

what do you mean?