PHWinfo banniere

Titres
PORTAIL ANNUAIRE ARTICLES COMPARATEUR HÉBERGEURS DEVIS FORUMS RÉDUCTEUR D'URL
Précédent   PHWinfo > Autres forums > Forum Graphisme & Infographie > macromedia.dreamweaver > Table error in FireFox
 
S'inscrire FAQ Membres Recherche Messages du jour Marquer les forums comme lus
 
Table error in FireFox

Réponse
 
LinkBack Outils de la discussion
Vieux 10/06/2008, 11h15   #1
shallowdeep
Aucun Avatar
 
Messages: n/a
Hébergeur:
Par défaut Table error in FireFox
Hi,

I have created this page:

http://www.turtonclientarea.co.uk/tu...ontact_us.html

However there is an error in Firefox, the data is in split into two columns
within a table in the centre of the page. But when viewed in FireFox on a PC
the two column headers do not line up but they do in IE7. I have tried lots of
options to try and get this working such as wrapping the text in a div and then
applying a top margain to the div, but when I do this it lines up FireFox but
not IE7! Therefore I can not find a cross browser solution.

Can anyone me please, I'm sure the solution is simple enough I just don't
know it.

Thanks in advance
  Réponse avec citation
Vieux 10/06/2008, 11h50   #2
Murray *ACE*
Aucun Avatar
 
Messages: n/a
Hébergeur:
Par défaut Re: Table error in FireFox
Your Template is horked. You need to fix that before working on your
layout -

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- InstanceBegin template="/Templates/turton.dwt"
codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<!-- InstanceBeginEditable name="header_tag" -->
<title>Turton Middleton: Contact Us</title>
<!-- InstanceEndEditable --><!-- InstanceBeginEditable
name="header_region" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Turton Middleton: Contact Us</title>

Note the two <head> tags, and the two <title> tags.

Let's see the same part of your Template page's markup, please.

For your layout, change this -

<td height="400" width="428" align="left" valign="top" scope="col">

<p class="contact_us_text">Contact Us</p>

to this -

<td height="400" width="428" align="left" valign="top" scope="col">

<p class="contact_us_text" style="margin-top:0;">Contact Us</p>

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"shallowdeep" <webforumsuser@macromedia.com> wrote in message
news:g2lk8i$ld3$1@forums.macromedia.com...
> Hi,
>
> I have created this page:
>
> http://www.turtonclientarea.co.uk/tu...ontact_us.html
>
> However there is an error in Firefox, the data is in split into two
> columns
> within a table in the centre of the page. But when viewed in FireFox on a
> PC
> the two column headers do not line up but they do in IE7. I have tried
> lots of
> options to try and get this working such as wrapping the text in a div and
> then
> applying a top margain to the div, but when I do this it lines up FireFox
> but
> not IE7! Therefore I can not find a cross browser solution.
>
> Can anyone me please, I'm sure the solution is simple enough I just
> don't
> know it.
>
> Thanks in advance
>
  Réponse avec citation
Vieux 10/06/2008, 12h12   #3
shallowdeep
Aucun Avatar
 
Messages: n/a
Hébergeur:
Par défaut Re: Table error in FireFox
Hi thanks for the response,

My template is here:

<!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=UTF-8" />
<title>Untitled Document</title>

<style type="text/css">

<!-- TemplateBeginEditable name="header_region" -->

<!--
#container {
height: 600px;
width: 970px;
margin-right: auto;
margin-left: auto;
}

A {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration: none;
color: #666666;
}
A:link {
color:#666666;
text-decoration: none;
font-weight: normal;
}
A:visited {
color: #666666;
text-decoration: none;
}
A:hover {
text-decoration: none;
color: #ff0099;
font-weight:normal;
}
A:active {
color: #ff0099;
text-decoration: none
}

#header {
width: 850px;
margin-right: auto;
margin-left: auto;
}
#line {
background-color: #CCCCCC;
height: 1px;
width: 850px;
margin-bottom: 10px;
}
.nav_text {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
}
.spacing {
font-family: Arial, Helvetica, sans-serif;
margin-right: 10px;
word-spacing: 10pt;
}
#header_text {
float: right;
height: 45px;
width: 300px;
margin-top: -50px;
}
#squares {
width: 73px;
height: 36px;
float: right;
margin-top: -35px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.spacing_bottom {
font-family: Arial, Helvetica, sans-serif;
word-spacing: 2pt;
}
.number_text {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color: #666666;
}
.email_text {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
color: #999999;
text-decoration: none;
}
#nav {
width: 850px;
margin-right: auto;
margin-left: auto;
}
#main_content {
width: 850px;
margin-right: auto;
margin-left: auto;
margin-top: 20px;
}
#i_love_image img {
margin-right: auto;
margin-left: auto;
margin-top: 0px;
height: 300px;
width: 300px;
}
.brand_work_text {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #006699;
}
.main_text {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #666666;
}
.red_text {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #ff0033;
}
#bottom_nav {
font-family: Arial, Helvetica, sans-serif;
width: 850px;
margin-right: auto;
margin-left: auto;
height: 150px;
color: #666666;
font-size: 11px;
font-weight: normal;
}
#line_2 {
background-color: #CCCCCC;
height: 1px;
width: 850px;
margin-top: 50px;
margin-bottom: 10px;
}

<!-- TemplateEndEditable -->
-->
</style>

</head>

<body>

I have incorrectly set up the editable regions?

Cheers
  Réponse avec citation
Vieux 10/06/2008, 12h23   #4
Murray *ACE*
Aucun Avatar
 
Messages: n/a
Hébergeur:
Par défaut Re: Table error in FireFox
> I have incorrectly set up the editable regions?

I think so. Move it outside the <style> tags, e.g.,

change this -

<style type="text/css">
<!-- TemplateBeginEditable name="header_region" -->
....
<!-- TemplateEndEditable -->
</style>

to this -

<!-- TemplateBeginEditable name="header_region" -->
<style type="text/css">
....
</style>
<!-- TemplateEndEditable -->

and see if that s things in your child pages.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"shallowdeep" <webforumsuser@macromedia.com> wrote in message
news:g2lniq$oon$1@forums.macromedia.com...
> Hi thanks for the response,
>
> My template is here:
>
....snip...
>
> I have incorrectly set up the editable regions?
>
> Cheers
>
  Réponse avec citation
Vieux 10/06/2008, 14h51   #5
shallowdeep
Aucun Avatar
 
Messages: n/a
Hébergeur:
Par défaut Re: Table error in FireFox
thanks this has ed.
  Réponse avec citation
Vieux 10/06/2008, 14h58   #6
The_FedEx_Guy
Aucun Avatar
 
Messages: n/a
Hébergeur:
Par défaut Re: Table error in FireFox
You have a spelling mistake on your top navigation:
"How can we male your brand work?"
Male instead of "Make" I think.
  Réponse avec citation
Vieux 10/06/2008, 15h35   #7
Michael Fesser
Aucun Avatar
 
Messages: n/a
Hébergeur:
Par défaut Re: Table error in FireFox
..oO(shallowdeep)

>thanks this has ed.

Two more things that should be fixed:

1) Remove the <!-- ... --> comment tags from your 'style' element. They
were only necessary for NN 3.0 or something like that, but are totally
useless today and may even cause problems with XHTML (a conforming
browser might see them as a comment and completely ignore your CSS).

2) XHTML is case-sensitive. There's no 'A' element, but an 'a' element.
You should fix that in your stylesheet.

Micha
  Réponse avec citation
Vieux 20/06/2008, 19h12   #8
DizzDizzy
Aucun Avatar
 
Messages: n/a
Hébergeur:
Par défaut Re: Table error in FireFox
its graet explanation i ever had on htis thanks
  Réponse avec citation
Réponse

« Discussion précédente | Discussion suivante »

Outils de la discussion

Règles de messages
Vous ne pouvez pas créer de nouvelles discussions
Vous ne pouvez pas envoyer des réponses
Vous ne pouvez pas envoyer des pièces jointes
Vous ne pouvez pas modifier vos messages
Les balises BB sont activées : oui
Les smileys sont activés : oui
La balise [IMG] est activée : oui
Le code HTML peut être employé : non
Trackbacks are oui
Pingbacks are oui
Refbacks are oui


Fuseau horaire GMT +1. Il est actuellement 18h58.

PHWinfo - Forum spécialisé en hébergement - Guide Hébergeur - Guide Hébergement - Archives

Édité par : vBulletin® version 3.7.3
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC5 Tous droits réservés.
Version française #16 par l'association vBulletin francophone
PHWinfo est un site Éducation Sans Frontières ©2000-2008
Ad Management by RedTyger
©Tous droits réservés par les parties respectives
Page generated in 0,13869 seconds with 16 queries