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 > Div expanding problems
 
S'inscrire FAQ Membres Recherche Messages du jour Marquer les forums comme lus
 
Div expanding problems

Réponse
 
LinkBack Outils de la discussion
Vieux 02/06/2008, 13h30   #1
mccoole1
Aucun Avatar
 
Messages: n/a
Hébergeur:
Par défaut Div expanding problems
Hi Guys,

I have created a two-column (div tags) webpage contained within one div tag
(named wrapper). Also got a header and footer - and all is going well, until I
view in Firefox and on macs. The div tag "contentleft" is not expanding the
sames size as "Contentright" tag - though it works sweet on IE and PCs.

Any ideas?? (code attached)

Thanks in advance.

<!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>Farm Holidays in North Wales - Come Visit</title>
<style type="text/css">
<!--
body {
background-color: #E2D8C7;
background-image: url(Links/gradient.jpg);
background-repeat: repeat-x;
}
#wrapper {
width: 760px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
height: 0px;
top: 0px;
bottom: 0px;
position: relative;
left: 0px;
background-image: url(Links/wrapper_bggradient.jpg);
background-repeat: repeat-y;
}
#header {
margin-top: 0px;
margin-bottom: 0px;
}
#banner {
height: 100px;
width: 760px;
}
#content {
margin: 0px;
padding: 0px;
}
#contentleft {
float: left;
width: 206px;
background-image: url(Links/navbarleftaccombg.jpg);
background-repeat: repeat-y;
padding-left: 2px;
padding-top: 10px;
padding-bottom: 10px;
}
#footer {
margin-top: 0px;
margin-bottom: 0px;
clear: both;
float: none;
background-image: url(Links/bottom.jpg);
padding: 0px;
height: 67px;
width: 760px;
}
#nav {
height: 28px;
width: 760px;
}
#contentright {
float: right;
width: 522px;
background-image: url(Links/navbar_right_bg.jpg);
background-repeat: repeat-y;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: medium;
font-weight: normal;
color: #000000;
font-style: normal;
padding-right: 15px;
padding-left: 15px;
padding-top: 10px;
padding-bottom: 10px;
}
.linkcontent {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: medium;
font-weight: bold;
color: #FFFFFF;
letter-spacing: normal;
text-align: right;
word-spacing: normal;
text-indent: 0px;
padding-right: 14px;
}
.style5 {
font-size: x-small;
height: 0px;
}
.style6 {font-family: MetaOT-Normal, MetaOT-Bold, MetaOT-NormalItalic,
MetaOT-BoldItalic, sans-serif, Modern, Verdana}
.style7 {font-size: small}
#wrapper #footer a:hover {
font-family: MetaOT-Normal, MetaOT-Bold, MetaOT-NormalItalic,
MetaOT-BoldItalic, sans-serif, Modern, Verdana;
color: #990000;
}
#wrapper #footer a:link {
font-family: MetaOT-Normal, MetaOT-Bold, MetaOT-NormalItalic,
MetaOT-BoldItalic, sans-serif, Modern, Verdana;
color: #FFFFFF;
font-weight: normal;
}
#wrapper #footer a:active {
font-family: MetaOT-Normal, MetaOT-Bold, MetaOT-NormalItalic,
MetaOT-BoldItalic, sans-serif, Modern, Verdana;
color: #FFFFFF;
}
#wrapper #footer a:visited {
font-family: MetaOT-Normal, MetaOT-Bold, MetaOT-NormalItalic,
MetaOT-BoldItalic, sans-serif, Modern, Verdana;
color: #FFFFFF;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++)
x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length;
i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;
for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc)
x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>

<body
onload="MM_preloadImages('Links/maps_down.jpg','Links/links_down.jpg','Links/hom
e_down.jpg','Links/the_vale_button.jpg')">
<div id="wrapper">
<div id="header">
<div id="banner"><img src="Links/temporary_banner.jpg" alt="Welcome to the
Vale of Clwyd" name="Banner" width="760" height="100" id="Banner" /></div>
<div id="nav"><img src="Links/navbarleft.jpg" alt="" name="accommodation"
width="208" height="28" id="accommodation" /><img src="Links/navbarbg.jpg"
alt="" name="navbarbg" width="92" height="28" id="navbarbg" /><a
href="home.html" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Home','','Links/home_down.jpg',1)"><img
src="Links/home_button.jpg" alt="Please click here to return to the Homepage"
name="Home" width="92" height="28" border="0" id="Home" /></a><a href="#"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Maps','','Links/maps_down.jpg',1)"><img
src="Links/maps_button.jpg" alt="Please click here to get directions and view
the area" name="Maps" width="92" height="28" border="0" id="Maps" /></a><a
href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('The
Vale','','Links/the_vale_button.jpg',1)"><img src="Links/the_vale_down.jpg"
alt="You are currently on the Vale page" name="The Vale" width="92" height="28"
border="0" id="The Vale" /></a><a href="links.html"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Links','','Links/links_down.jpg',1)"><img
src="Links/links_button.jpg" alt="Please click to visit affiliated websites and
groups" name="Links" width="92" height="28" border="0" id="Links" /></a><img
src="Links/navbarright.jpg" alt="" name="navbar_right" width="92" height="28"
id="navbar_right" /></div>
</div>
<div id="content">
<div id="contentleft">
<h1 align="right" class="linkcontent">Link</h1>
<p align="right" class="linkcontent"><strong>Link</strong></p>
<p align="right" class="linkcontent"><strong>Link</strong></p>
<p align="right" class="linkcontent"><strong>Link</strong></p>
<h1 align="right" class="linkcontent"><strong>Link</strong></h1>
<p align="right" class="linkcontent"><strong>Link</strong></p>
<p align="right" class="linkcontent"><strong>Link</strong></p>
<p align="right" class="linkcontent"><strong>Link</strong> (ends)</p>
</div>
<div class="bodytext" id="contentright">
<p>Content for 'contentright' div tag goes here...Content for
'contentright' div tag goes here...Content for 'contentright' div tag goes
here...Content for 'contentright' div tag goes here...Content for
'contentright' div tag goes here...Content for 'contentright' div tag goes
here...Content for 'contentright' div tag goes here...Content for
'contentright' div tag goes here...Content for 'contentright' div tag goes
here...Content for 'contentright' div tag goes here...Content for
'contentright' div tag goes here...Content for 'contentright' div tag goes
here...Content for 'contentright' div tag goes here...Content for
'contentright' div tag goes here...Content for 'contentright' div tag goes
here...Content for 'contentright' div tag goes here...Content for
'contentright' div tag goes here...Content for 'contentright' div tag goes
here...Content for 'contentright' div tag goes here...Content for
'contentright' div tag goes here...Content for 'contentright' div tag goes
here...Content for 'contentright' div tag goes here...Content for
'contentright' div tag goes here...Content for 'contentright' div tag goes
here...Content for 'contentright' div tag goes here...Content for
'contentright' div tag goes here...Content for 'contentright' div tag goes
here...Content for 'contentright' div tag goes here...Content for
'contentright' div tag goes here...<br />
</p>
<p align="left" class="style7">&nbsp;</p>
</div>
<div></div>
</div>
<div class="linkcontent" id="footer">
<div align="center">
<p class="style5"></p>
<p class="style5 style6">&nbsp;</p>
</div>
</div>
</div>
</body>
</html>
  Réponse avec citation
Vieux 02/06/2008, 13h34   #2
Murray *ACE*
Aucun Avatar
 
Messages: n/a
Hébergeur:
Par défaut Re: Div expanding problems
You mean expanding vertically? That would never happen. Google "faux
column" for a way to make it look like it does.

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


"mccoole1" <webforumsuser@macromedia.com> wrote in message
news:g20p4s$2aq$1@forums.macromedia.com...
> Hi Guys,
>
> I have created a two-column (div tags) webpage contained within one div
> tag
> (named wrapper). Also got a header and footer - and all is going well,
> until I
> view in Firefox and on macs. The div tag "contentleft" is not expanding
> the
> sames size as "Contentright" tag - though it works sweet on IE and PCs.
>
> Any ideas?? (code attached)
>
> Thanks in advance.
>
> <!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>Farm Holidays in North Wales - Come Visit</title>
> <style type="text/css">
> <!--
> body {
> background-color: #E2D8C7;
> background-image: url(Links/gradient.jpg);
> background-repeat: repeat-x;
> }
> #wrapper {
> width: 760px;
> margin-top: 0px;
> margin-right: auto;
> margin-bottom: 0px;
> margin-left: auto;
> height: 0px;
> top: 0px;
> bottom: 0px;
> position: relative;
> left: 0px;
> background-image: url(Links/wrapper_bggradient.jpg);
> background-repeat: repeat-y;
> }
> #header {
> margin-top: 0px;
> margin-bottom: 0px;
> }
> #banner {
> height: 100px;
> width: 760px;
> }
> #content {
> margin: 0px;
> padding: 0px;
> }
> #contentleft {
> float: left;
> width: 206px;
> background-image: url(Links/navbarleftaccombg.jpg);
> background-repeat: repeat-y;
> padding-left: 2px;
> padding-top: 10px;
> padding-bottom: 10px;
> }
> #footer {
> margin-top: 0px;
> margin-bottom: 0px;
> clear: both;
> float: none;
> background-image: url(Links/bottom.jpg);
> padding: 0px;
> height: 67px;
> width: 760px;
> }
> #nav {
> height: 28px;
> width: 760px;
> }
> #contentright {
> float: right;
> width: 522px;
> background-image: url(Links/navbar_right_bg.jpg);
> background-repeat: repeat-y;
> font-family: Georgia, "Times New Roman", Times, serif;
> font-size: medium;
> font-weight: normal;
> color: #000000;
> font-style: normal;
> padding-right: 15px;
> padding-left: 15px;
> padding-top: 10px;
> padding-bottom: 10px;
> }
> .linkcontent {
> font-family: Georgia, "Times New Roman", Times, serif;
> font-size: medium;
> font-weight: bold;
> color: #FFFFFF;
> letter-spacing: normal;
> text-align: right;
> word-spacing: normal;
> text-indent: 0px;
> padding-right: 14px;
> }
> .style5 {
> font-size: x-small;
> height: 0px;
> }
> .style6 {font-family: MetaOT-Normal, MetaOT-Bold, MetaOT-NormalItalic,
> MetaOT-BoldItalic, sans-serif, Modern, Verdana}
> .style7 {font-size: small}
> #wrapper #footer a:hover {
> font-family: MetaOT-Normal, MetaOT-Bold, MetaOT-NormalItalic,
> MetaOT-BoldItalic, sans-serif, Modern, Verdana;
> color: #990000;
> }
> #wrapper #footer a:link {
> font-family: MetaOT-Normal, MetaOT-Bold, MetaOT-NormalItalic,
> MetaOT-BoldItalic, sans-serif, Modern, Verdana;
> color: #FFFFFF;
> font-weight: normal;
> }
> #wrapper #footer a:active {
> font-family: MetaOT-Normal, MetaOT-Bold, MetaOT-NormalItalic,
> MetaOT-BoldItalic, sans-serif, Modern, Verdana;
> color: #FFFFFF;
> }
> #wrapper #footer a:visited {
> font-family: MetaOT-Normal, MetaOT-Bold, MetaOT-NormalItalic,
> MetaOT-BoldItalic, sans-serif, Modern, Verdana;
> color: #FFFFFF;
> }
> -->
> </style>
> <script type="text/javascript">
> <!--
> function MM_swapImgRestore() { //v3.0
> var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++)
> x.src=x.oSrc;
> }
> function MM_preloadImages() { //v3.0
> var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
> var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
> i<a.length;
> i++)
> if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image;
> d.MM_p[j++].src=a[i];}}
> }
>
> function MM_findObj(n, d) { //v4.01
> var p,i,x; if(!d) d=document;
> if((p=n.indexOf("?"))>0&&parent.frames.length) {
> d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
> if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
> x=d.forms[i][n];
> for(i=0;!x&&d.layers&&i<d.layers.length;i++)
> x=MM_findObj(n,d.layers[i].document);
> if(!x && d.getElementById) x=d.getElementById(n); return x;
> }
>
> function MM_swapImage() { //v3.0
> var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;
> for(i=0;i<(a.length-2);i+=3)
> if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc)
> x.oSrc=x.src; x.src=a[i+2];}
> }
> //-->
> </script>
> <script src="Scripts/AC_RunActiveContent.js"
> type="text/javascript"></script>
> </head>
>
> <body
> onload="MM_preloadImages('Links/maps_down.jpg','Links/links_down.jpg','Links/hom
> e_down.jpg','Links/the_vale_button.jpg')">
> <div id="wrapper">
> <div id="header">
> <div id="banner"><img src="Links/temporary_banner.jpg" alt="Welcome to
> the
> Vale of Clwyd" name="Banner" width="760" height="100" id="Banner" /></div>
> <div id="nav"><img src="Links/navbarleft.jpg" alt=""
> name="accommodation"
> width="208" height="28" id="accommodation" /><img src="Links/navbarbg.jpg"
> alt="" name="navbarbg" width="92" height="28" id="navbarbg" /><a
> href="home.html" onmouseout="MM_swapImgRestore()"
> onmouseover="MM_swapImage('Home','','Links/home_down.jpg',1)"><img
> src="Links/home_button.jpg" alt="Please click here to return to the
> Homepage"
> name="Home" width="92" height="28" border="0" id="Home" /></a><a href="#"
> onmouseout="MM_swapImgRestore()"
> onmouseover="MM_swapImage('Maps','','Links/maps_down.jpg',1)"><img
> src="Links/maps_button.jpg" alt="Please click here to get directions and
> view
> the area" name="Maps" width="92" height="28" border="0" id="Maps" /></a><a
> href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('The
> Vale','','Links/the_vale_button.jpg',1)"><img
> src="Links/the_vale_down.jpg"
> alt="You are currently on the Vale page" name="The Vale" width="92"
> height="28"
> border="0" id="The Vale" /></a><a href="links.html"
> onmouseout="MM_swapImgRestore()"
> onmouseover="MM_swapImage('Links','','Links/links_down.jpg',1)"><img
> src="Links/links_button.jpg" alt="Please click to visit affiliated
> websites and
> groups" name="Links" width="92" height="28" border="0" id="Links"
> /></a><img
> src="Links/navbarright.jpg" alt="" name="navbar_right" width="92"
> height="28"
> id="navbar_right" /></div>
> </div>
> <div id="content">
> <div id="contentleft">
> <h1 align="right" class="linkcontent">Link</h1>
> <p align="right" class="linkcontent"><strong>Link</strong></p>
> <p align="right" class="linkcontent"><strong>Link</strong></p>
> <p align="right" class="linkcontent"><strong>Link</strong></p>
> <h1 align="right" class="linkcontent"><strong>Link</strong></h1>
> <p align="right" class="linkcontent"><strong>Link</strong></p>
> <p align="right" class="linkcontent"><strong>Link</strong></p>
> <p align="right" class="linkcontent"><strong>Link</strong>
> (ends)</p>
> </div>
> <div class="bodytext" id="contentright">
> <p>Content for 'contentright' div tag goes here...Content for
> 'contentright' div tag goes here...Content for 'contentright' div tag goes
> here...Content for 'contentright' div tag goes here...Content for
> 'contentright' div tag goes here...Content for 'contentright' div tag goes
> here...Content for 'contentright' div tag goes here...Content for
> 'contentright' div tag goes here...Content for 'contentright' div tag goes
> here...Content for 'contentright' div tag goes here...Content for
> 'contentright' div tag goes here...Content for 'contentright' div tag goes
> here...Content for 'contentright' div tag goes here...Content for
> 'contentright' div tag goes here...Content for 'contentright' div tag goes
> here...Content for 'contentright' div tag goes here...Content for
> 'contentright' div tag goes here...Content for 'contentright' div tag goes
> here...Content for 'contentright' div tag goes here...Content for
> 'contentright' div tag goes here...Content for 'contentright' div tag goes
> here...Content for 'contentright' div tag goes here...Content for
> 'contentright' div tag goes here...Content for 'contentright' div tag goes
> here...Content for 'contentright' div tag goes here...Content for
> 'contentright' div tag goes here...Content for 'contentright' div tag goes
> here...Content for 'contentright' div tag goes here...Content for
> 'contentright' div tag goes here...<br />
> </p>
> <p align="left" class="style7">&nbsp;</p>
> </div>
> <div></div>
> </div>
> <div class="linkcontent" id="footer">
> <div align="center">
> <p class="style5"></p>
> <p class="style5 style6">&nbsp;</p>
> </div>
> </div>
> </div>
> </body>
> </html>
>
  Réponse avec citation
Vieux 03/06/2008, 11h12   #3
mccoole1
Aucun Avatar
 
Messages: n/a
Hébergeur:
Par défaut Re: Div expanding problems
..
  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 23h09.

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,24356 seconds with 11 queries