Div not displaying correctly in FF or Opera

Can someone have a look at my code, I have a divs called
"breadcrumbs" and "croutons".
All appears as it should with these two divs in IE7, but when
previewed in Firefox and Opera only the top borders of these two
divs are showing. I have made the CSS internal for posting here,
but normally use an external style sheet.
FYI there are 2 SSI's in the code with external Style Sheets
- both for menus so I havent include the CSS for these.
Code -
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<title>test</title>

<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">


<style>
body {
background-color: #FFFFFF;
background-repeat: repeat-x;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
#background {
background-color: #999999;
background-repeat: repeat-x;
min-width: 420px;
border: 1px solid #BBB;
#middletext {
background-color: #FFFFFF;
margin-left: 185px;
margin-right: 185px;
min-height: 500px;
border: 1px solid #BBB;
#footer {
background-repeat: repeat-x;
height: 100px;
background-image: url(../images/gradient_footer.jpg);
#banner {
background-repeat: repeat-x;
height: 70px;
min-width: 552px;
background-image: url(../images/gradient_banner.jpg);
#right {
float: right;
width: 145px;
background-color:#CCCCCC;
height: 335px;
margin-right: 20px;
display: inline;
border: 2px solid #BBB;
#leftWrapper {
float: left;
width: 145px;
margin-left: 20px;
display: inline;
background-color: #CCCCCC;
border: 2px solid #BBB;
#left {
height: 225px;
#date {
float: right;
width: 250px;
border: 1px solid #BBB;
text-align: center;
background-color: #CCCCCC;
font-weight: bold;
#topmenu {
padding: 10px 0;
width: 100%;
min-width: 760px;
background-image: url(../images/gradient_topmenu.jpg);
#bannerimage {
float: left;
height: 70px;
width: 300px;
background-repeat: no-repeat;
text-align: left;
background-color: #CCCCCC;
#backgroundcontent {
background-color: #EBEBEB;
padding-bottom: 20px;
padding-top: 20px;
#content {
background-color: #B9B9B9;
#search {
float: right;
width: 250px;
font-weight: bold;
border: 1px solid #BBB;
text-align: center;
background-image: url(../images/chromebg.gif);
background-repeat: repeat-x;
background-position: center center;
padding: 5px 0;
margin-bottom: 10px;
#footerbottom {
background-color: #A0A0A0;
height: 50px;
border: 1px solid #000;
margin-top: 10px;
margin-right: 25%;
margin-bottom: 10px;
margin-left: 25%;
padding: 0px;
#chromemenuholder{
float: left;
width: 500px;
font-weight: bold;
margin-bottom: 10px;
/*Credits: Dynamic Drive CSS Library */
/*URL:
http://www.dynamicdrive.com/style/
#chromemenu{
float: left;
width: 500px;
font-weight: bold;
#chromemenu ul{
border: 1px solid #BBB;
padding: 5px 0;
margin: 0;
text-align: left; /*set value to "right" for example to align
menu to
the left of page*/
background-image: url(../images/chromebg.gif);
background-repeat: repeat-x;
background-position: center center;
#chromemenu ul li{
display: inline;
margin: 0;
padding: 0;
#chromemenu ul li a{
color: #494949;
padding: 5px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
#chromemenu ul li a:hover{
background: url(../images/chromebg2.gif) center center
repeat-x;
#breadcrumbs {
width: 250px;
border: 1px solid #BBB;
background-color: #B9B9EA;
float: left;
padding-left: 20px;
#croutons {
background-color: #B9B9EA;
float: right;
width: 250px;
border: 1px solid #BBB;
#contact {
background-color: #8A8ADB;
margin-top: 25px;
height: 30px;
border: 1px solid #BBB;
#contact2 {
background-color: #8A8ADB;
margin-top: 25px;
height: 30px;
border: 1px solid #BBB;
#test1_menu_css {
background-color: #CCCCCC;
width: 145px;
height: 225px;
#leftmenu{
float: left;
width: 135px;
font-weight: bold;
margin-left: 5px;
margin-top: 5px;
#leftmenu ul{
padding: 5px 0;
margin: 0;
text-align: center; /*set value to "right" for example to
align menu to
the left of page*/
background-image: url(../images/chromebg.gif);
background-repeat: repeat-x;
background-position: center center;
margin-bottom: 10px;
border-top-width: 1px;
border: 1px solid #BBB;
#leftmenu ul li{
display: inline;
margin: 0;
padding: 0;
#leftmenu ul li a{
color: #494949;
padding: 5px;
margin: 0;
text-decoration: none;
#leftmenu ul li a:hover{
background-image: url(../images/chromebg2.gif);
background-repeat: repeat-x;
background-position: center center;
#left_ssi_wrapper {
width: 145px;
</style>
</head>
<body>
<div id="background">
<div id="content">Content for id "content" Goes Here
<div id="banner">
<div id="date">Content for "date"
</div>
<div id="bannerimage"></div>
<br style="clear: both;">
</div>
<div id="topmenu">
<div id="search">Content for id "search" Goes
Here</div>
<div id="chromemenuholder">

</div>
<br style="clear: both;">
<div id="breadcrumbs">
</div>
<div id="croutons">t</div>
<br style="clear: both;">
</div>
<div id="backgroundcontent">
<div id="right">Content for id "right" Goes
Here</div>
<div id="leftWrapper">
<div id="left">

</div>
<div id="contact">Content for id
"Contact"</div>
<div id="contact2">Content for id
"Contact2"</div>
</div>
<div id="middletext"> Content for id "middletext" Goes
Here </div>
<br style="clear: both;">
</div>
</div>
</div>
<div id="footer">Content for id "footer" Goes Here
<br>
<br>
<div id="footerbottom">Content for id "footerbottom"
Goes Here</div>
</div>
</div>
</div>
</body>
</html>

Try putting some content in the breadcrumbs <div> that
will make it
appear. I don't know if there is a color #BBB. Either there
is not or
its very similar to the background color of the <div>
so it doesn't
show. Changing the border to #000 results in it showing up.
<div id="breadcrumbs">breadcrumbs</div>
<div id="croutons">croutons</div>
~Billy~ wrote:
> Can someone have a look at my code, I have a divs called
"breadcrumbs" and
> "croutons".
>
> All appears as it should with these two divs in IE7, but
when previewed in
> Firefox and Opera only the top borders of these two divs
are showing. I have an
> external CSS sheet, and when I make the CSS internal,
just one of the divs
> appears and the other doesnt. Whats going on?
>
> FYI there are 2 SSI's in the code with external Style
Sheets - both for menus
> so I wont include the CSS for those unless they are
needed.
>
> Code -
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
> "
http://www.w3.org/TR/html4/loose.dtd">
> <html>
> <head>
> 
> <title>test</title>
> 
> <meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
> 
> 
> <style>
> body {
> background-color: #FFFFFF;
> background-repeat: repeat-x;
> font-family: verdana, arial, helvetica, sans-serif;
> font-size: 11px;
> }
> #background {
> background-color: #999999;
> background-repeat: repeat-x;
> min-width: 420px;
> border: 1px solid #BBB;
> }
> #middletext {
> background-color: #FFFFFF;
> margin-left: 185px;
> margin-right: 185px;
> min-height: 500px;
> border: 1px solid #BBB;
> }
> #footer {
> background-repeat: repeat-x;
> height: 100px;
> background-image: url(../images/gradient_footer.jpg);
> }
> #banner {
> background-repeat: repeat-x;
> height: 70px;
> min-width: 552px;
> background-image: url(../images/gradient_banner.jpg);
> }
> #right {
> float: right;
> width: 145px;
> background-color:#CCCCCC;
> height: 335px;
> margin-right: 20px;
> display: inline;
> border: 2px solid #BBB;
> }
> #leftWrapper {
> float: left;
> width: 145px;
> margin-left: 20px;
> display: inline;
> background-color: #CCCCCC;
> border: 2px solid #BBB;
> }
> #left {
> height: 225px;
> }
> #date {
> float: right;
> width: 250px;
> border: 1px solid #BBB;
> text-align: center;
> background-color: #CCCCCC;
> font-weight: bold;
> }
> #topmenu {
> padding: 10px 0;
> width: 100%;
> min-width: 760px;
> background-image: url(../images/gradient_topmenu.jpg);
> }
> #bannerimage {
> float: left;
> height: 70px;
> width: 300px;
> background-repeat: no-repeat;
> text-align: left;
> background-color: #CCCCCC;
> }
> #backgroundcontent {
> background-color: #EBEBEB;
> padding-bottom: 20px;
> padding-top: 20px;
> }
> #content {
> background-color: #B9B9B9;
> }
> #search {
> float: right;
> width: 250px;
> font-weight: bold;
> border: 1px solid #BBB;
> text-align: center;
> background-image: url(../images/chromebg.gif);
> background-repeat: repeat-x;
> background-position: center center;
> padding: 5px 0;
> margin-bottom: 10px;
> }
> #footerbottom {
> background-color: #A0A0A0;
> height: 50px;
> border: 1px solid #000;
> margin-top: 10px;
> margin-right: 25%;
> margin-bottom: 10px;
> margin-left: 25%;
> padding: 0px;
> }
> #chromemenuholder{
> float: left;
> width: 500px;
> font-weight: bold;
> margin-bottom: 10px;
> }
> /*Credits: Dynamic Drive CSS Library */
> /*URL:
http://www.dynamicdrive.com/style/
> #chromemenu{
> float: left;
> width: 500px;
> font-weight: bold;
> }
> #chromemenu ul{
> border: 1px solid #BBB;
> padding: 5px 0;
> margin: 0;
> text-align: left; /*set value to "right" for example to
align menu to
> the left of page*/
> background-image: url(../images/chromebg.gif);
> background-repeat: repeat-x;
> background-position: center center;
> }
> #chromemenu ul li{
> display: inline;
> margin: 0;
> padding: 0;
> }
> #chromemenu ul li a{
> color: #494949;
> padding: 5px;
> margin: 0;
> text-decoration: none;
> border-right: 1px solid #DADADA;
> }
> #chromemenu ul li a:hover{
> background: url(../images/chromebg2.gif) center center
repeat-x;
> }
> #breadcrumbs {
> width: 250px;
> border: 1px solid #BBB;
> background-color: #B9B9EA;
> float: left;
> padding-left: 20px;
> }
> #croutons {
> background-color: #B9B9EA;
> float: right;
> width: 250px;
> border: 1px solid #BBB;
> }
> #contact {
> background-color: #8A8ADB;
> margin-top: 25px;
> height: 30px;
> border: 1px solid #BBB;
> }
> #contact2 {
> background-color: #8A8ADB;
> margin-top: 25px;
> height: 30px;
> border: 1px solid #BBB;
> }
> #test1_menu_css {
> background-color: #CCCCCC;
> width: 145px;
> height: 225px;
> }
> #leftmenu{
> float: left;
> width: 135px;
> font-weight: bold;
> margin-left: 5px;
> margin-top: 5px;
> }
> #leftmenu ul{
> padding: 5px 0;
> margin: 0;
> text-align: center; /*set value to "right" for example
to align menu to
> the left of page*/
> background-image: url(../images/chromebg.gif);
> background-repeat: repeat-x;
> background-position: center center;
> margin-bottom: 10px;
> border-top-width: 1px;
> border: 1px solid #BBB;
> }
> #leftmenu ul li{
> display: inline;
> margin: 0;
> padding: 0;
> }
> #leftmenu ul li a{
> color: #494949;
> padding: 5px;
> margin: 0;
> text-decoration: none;
> }
> #leftmenu ul li a:hover{
> background-image: url(../images/chromebg2.gif);
> background-repeat: repeat-x;
> background-position: center center;
> }
>
> #left_ssi_wrapper {
> width: 145px;
> }
>
> </style>
> </head>
>
> <body>
> <div id="background">
> <div id="content">Content for id "content" Goes
Here
> <div id="banner">
> <div id="date">Content for 'date' </div>
> <div id="bannerimage"></div>
> <br style="clear: both;">
> </div>
> <div id="topmenu">
> <div id="search">Content for id "search" Goes
Here</div>
> <div id="chromemenuholder">
> 
> </div>
> <br style="clear: both;">
> <div id="breadcrumbs">
> </div>
> <div id="croutons">t</div>
> <br style="clear: both;">
> </div>
> <div id="backgroundcontent">
> <div id="right">Content for id "right" Goes
Here</div>
> <div id="leftWrapper">
> <div id="left">
> 
> </div>
> <div id="contact">Content for id
'Contact'</div>
> <div id="contact2">Content for id
'Contact2'</div>
> </div>
> <div id="middletext"> Content for id "middletext"
Goes Here YES I KNOW THE
> COLOURS ARE HORRIBLE! </div>
> <br style="clear: both;">
> </div>
> </div>
> </div>
> <div id="footer">Content for id "footer" Goes Here
<br>
> <br>
> <div id="footerbottom">Content for id
"footerbottom" Goes Here</div>
> </div>
> </div>
> </div>
> </body>
> </html>
>
>
>

Similar Messages

Overlapping DIV not displaying correctly

HALP! I have overlapped a DIV on purpose, the correct DIV is displayed on top on some computers but not on others and does not display correctly in Internet Explorer at all.
My link is below. I would like to display the DIV with the flash underneath the Bat DIV.
http://batengineering.bdaonline.co.nz/
Can anyone out there help me!

I see in IE6 that transparency is not handled well at all. .pngs are dicey with IE6.
If you want to make your Flash movie lie down behind the bat image, you need to give it a wmode="opaque". Otherwise, the Flash will always come to the front.
In IE6, IE7, and IE8, your top menubar is breaking, the right hand end cap is falling to the second line. You might want to put a little ease into it somehow.
On all IE and on Firefox on the Mac, there seems to be a nasty white vertical stripe on the right side...maybe a gap in width of the background image. Check to make sure you have a default background-color to make that go away.
On Safari on the Mac and Firefox on the PC, the Flash does not seem to show up at all in BrowserLab, although I see it on my XP; could be an artefact of BrowserLab's process.
W3c finds a few errors in the markup: http://validator.w3.org/check?uri=http://batengineering.bdaonline.co.nz/&charset=(detect+a utomatically)&doctype=Inline&group=0
And the CSS throws a few warnings: http://jigsaw.w3.org/css-validator/validator?uri=http://batengineering.bdaonline.co.nz/&pr ofile=css21&usermedium=all&warning=1〈=en
On the whole, though, the page is looking good.
Beth

Header div not displaying correctly in Explorer

Can someone help me with this IE browser problem?I have a
header div inside the container div. The container is displaying
correctly - center of page. The header div is not! It is off to the
right and half the header is off the page. All other browser tests,
Mac and PC display correctly. The header div should be centered as
it is within the container, right? The header is suppose to stay at
the top of the screen as viewer scrolls - which it does correctly.
I started with the Dreamweaver code and made some changes. Here is
my code:

I can't see anything wrong with the table but I assume it has
some css
associated with it?
You might try a simple test. Create another include file with
just a
single table at 762px and one cell, with nothing apart from a
background
color.
Bring that into the original document and see what happens.
If it shows
correctly then it must be the other tables construction/css
taht is
causing the problem.
aacjp wrote:
> here is the include code:
>
> <table width="762" border="0" cellspacing="0"
cellpadding="0">
> <tr>
> <td width="114" align="left" valign="top"
bgcolor="#333333"><img
> src="/images/main/cover_masthead.jpg" alt="current
issue" width="113"
> height="150" /></td>
> <td align="center" valign="middle"
bgcolor="#C7581B"><img
> src="/images/main/masthead.gif" alt="Fabric Trends
Magazine" width="309"
> height="145" /></td>
> <td width="159" align="center" valign="middle"
bgcolor="#C7581B"><table
> width="120" border="0" cellspacing="0"
cellpadding="0">
> <tr>
> <td align="right"><a
href="/information/subscribe.shtml"
> class="nav">Subscribe</a></td>
> </tr>
> <tr>
> <td align="right"><a
href="/issues/current.shtml" class="nav">Current
> Issue</a></td>
> </tr>
> <tr>
> <td align="right"><a href="/issues/back.shtml"
class="nav">Back
> Issues</a></td>
> </tr>
> <tr>
> <td align="right"><a href="/kits/index.shtml"
class="nav">Quilt
> Kits</a></td>
> </tr>
> <tr>
> <td align="right"><a
href="/information/shops.shtml" class="nav">Quilt
> Shops</a></td>
> </tr>
> <tr>
> <td align="right"><a
href="/onlineproject/index.shtml"
> class="nav">Online Projects</a></td>
> </tr>
>
> </table></td>
> </tr>
> </table>
>
>
>
>

Div header tag - not displaying correctly

I thought I had resolved an issue with a div header tag, but - as per a reply in my 'text as gif' thread, possibly not!
The header contains three images; a logo, a banner (text), and a picture of a castle. These should display in a line.
When I first set it up, I realised that the castle picture was normally ending up below the other two on smaller screens etc.
So I changed the dims for my div container from min 760px/max 1260px, to a set width (960px). I then rejigged the three images so the widths were within 960px, with some to spare for the spacing (total widths of the three are 900: hspacing another 20 pixels). There is no padding/borders defined. Therefore the total should be well within the 960 width (?).
It looks fine on my PC (widescreen); in 3 browsers, using the restore down menu command (ie to make it not full screen), and by using the Dreamweaver multiscreen preview (phone, tablet, smaller desktop). It wasn't ideal (as scrolling required), but at least meant the header (and the rest of the screen) displayed correctly, ie in a horizontal line (and then sidebar - content - sidebar).
If I set my container width much smaller, most of the screen will be green (the body) in big screens.
If I rejig the dimensions, it's all a bit hit and miss (and why don't the current dimensions work?).
Do I need to define the width of the header (as well as the container)?
Help! Thank you
http://hertfordcarnival.org.uk/dev/Index.html

Hi there, I started off using one big image, but it didn't look right with regards to size and placing (ie I wanted the logo on the left edge, the castle on the right edge, etc). When you say slice, what do you mean? One image in from fireworks, and then ... ? Thanks again
Date: Wed, 7 Dec 2011 01:37:10 -0700
From: [email protected]
To: [email protected]
Subject: Div header tag - not displaying correctly
    Re: Div header tag - not displaying correctly
    created by osgood_ in Dreamweaver - View the full discussion
Datafan55 wrote: I thought I had resolved an issue with a div header tag, but - as per a reply in my 'text as gif' thread, possibly not! Why not just use one big image then you wont have a problem of with the alignment. Certainly don't use 'vspace' and 'hspace' to position the images. If you want to use 3 seperate images start by setting them us as one complete image then slice it into 3 images. Then use the following css to position the images side by side. #header img If the total sum of the width of the images is the same or does not exceed 960px then the images should be in a nice row side by side. They will actually sit side by side without using 'float' but you'll get a small gap between them which will be added to the sum of the width which will exceed 960px causing the third image to drop onto the next line.
     Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/4068499#4068499
     To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/4068499#4068499. In the Actions box on the right, click the Stop Email Notifications link.
     Start a new discussion in Dreamweaver by email or at Adobe Forums
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

Flash movie not displayed correctly in IE 8 on some Windows OS

Has anyone seen this problem?
I'm using CS4 to export a basic flash movie with embed tags pre scripted...
And the issue is that on some OS systems using Vista or Windows 7 and IE 8 as a primary browser, it appears that IE 8 is not displaying the flash banner completely.... its CROPPING it off... This is very strange because the banner works fine in FireFox, IE7,Opera,Chrome but not I.E.8 on some OS systems...
If you google "Flash not displaying correctly in IE 8" you'll get alot of people with the same issues but no real definate fix...
Are there any suggestions as to what i could try?
Do i need different flash embed tags? Or is this a user issue?
Please Advise as soon as possible...
Thanks

I'm sorry, i forgot to explain that I didn't upload the flash published html because it did and produced the exact same results.
The flash published still got cropped off on 1 vista os(I.E 8) running from a laptop and 1 windows 7(I.E. 8) latop os...
Its good to hear that you're able to see it clearly... however in my QA efforts, i've been asked to fix the issue or drop the flash banner all together.
I've tried every which way, i've even converted the embed tags (not uploaded by the way) to a js script and it STILL gets cropped of on 2 ie8 run OS systems...
And now i'm not sure what else to try on my end.
I'm currious if because this is an XML driven flash banner, this may be an issue? But it still doesn't explain why some people can see this in IE 8 as you can and others get a cropped banner like in my screen shot sample.
Again i invite everyone in the forum to take a look at the sample links, as i'd be curious to see who else is seeing this.
By the way "kglad" Thank you so much... please keep the suggestions coming... but everything you've suggested, i've tried.
This is very perplexing. Is this a setting issue? or is there some setting on the user side i'm not aware of? Either way, as usual... the flash developer is blamed so i must find a solution.
Link to flash sample
http://www.extremefx.net/flashie8issue/flashtest.html
Link to screen shot sample on a Vista and Windows 7 running IE 8 browser
http://www.extremefx.net/flashie8issue/ie8issue.jpg
Again... eagerly await feed back from you and the rest of the forum.
Message was edited by: RegGFX

Dynamic Select List not displaying correct value

Hi there!
I have a page with a dynamic repeat region.
As I press one record I get up all the details based on id on an edit page.
The problem is that the info that is inserted via a Select List is not displaying correct on edit page.
All the other values are correct, also the values in the repeat region on index page,
but the value from the Select List on edit page is just displaying the initially selected item.
Have tried using SELECT DISTINCT in the SQL statement, but no luck.
Any other ideas?
Cut and paste from form:
<select name="Vegtype" class="ProvDet" id="Vegtype" title="<%=(rsAs.Fields.Item("VegType").Value)%>">
                    <option value="Ev" selected="selected">Ev</option>
                    <option value="Fv">Fv</option>
                    <option value="Rv">Rv</option>
                    <option value="Kv">Kv</option>
                  </select>
Recordset
<%
Dim rsAs
Dim rsAs_cmd
Dim rsAs_numRows
Set rsAs_cmd = Server.CreateObject ("ADODB.Command")
rsAs_cmd.ActiveConnection = MM_LabCon_STRING
rsAs_cmd.CommandText = "SELECT DISTINCT DatoM, DatoR, DatoU, Distr, FagFelt, Felt, IntNr, Km, KontrNr, Kontrollor, Masse, MasseBK, Punkt, Resept, TestID, UserID, VegHp, VegNavn, VegNr, VegType FROM tblTest WHERE TestID = ?"
rsAs_cmd.Prepared = true
rsAs_cmd.Parameters.Append rsAs_cmd.CreateParameter("param1", 5, 1, -1, rsAs__MMColParam) ' adDouble
Set rsAs = rsAs_cmd.Execute
rsAs_numRows = 0
%>
Regards,
Christian
DWCS5 | .Asp | MS Access

Ok, here goes the top down approach...
In the HTML header of my page, i have this reference to a js file containing the javascript - <script src="#WORKSPACE_IMAGES#108.js" type="text/javascript"></script>
Then in an HTML Region I have the following code to create the divs that will be shown and hidden - <div id="divREGION" class="divs">Select region to get list of countries.</div>
<div id="divCOUNTRY" class="divs">Select country to get list of cities.</div>
<div id="divCITY" class="divs">Select city and then press "Get Employees". </div>
Note that these divs contain static content. You may be able to create dynamic content for these divs by creating dynamic query regions and putting div tags around the region (i havent tried this, it may require template modification).
The select boxes have this code in the "HTML form elements attributes" - onFocus="javascript:showHideDiv(this,true)" onBlur="javascript:showHideDiv(this,false)"
This onFocus and onBlur call the showHideDiv() function, passing in the object reference of the select box and a true/false to show/hide the related div.
The actual javascript function that is contained in the 108.js file is:
function showHideDiv(objThis, inBool){
     var divid = "div" + objThis.id.substring(3);
     if (inBool) {
     ShowDiv(divid);
     else {
HideDiv(divid);
That function in turn calls either the ShowDiv() or HideDiv() functions, depending on the true or false, passing in the ID of the div to be changed...
function ShowDiv(divid){
     eval('document.all'+ '["' + divid + '"]' + '.style' +'.display = "inline"');
function HideDiv(divid){
     eval('document.all'+ '["' + divid + '"]' + '.style' +'.display = "none"');
Hope this helps.

Screen not displaying correctly. It keeps moving as the mouse moves

Screen not displaying correctly. It keeps moving as the mouse moves

Your problem is not the same as that of the original poster of this thread, and it can be very confusing for everybody if we try to answer more than one question in each thread.
In order for us to give your problem our undivided attention to try to solve it, would you kindly start your own thread, describing the trouble you are having in the fullest detail, including completing your details to show what Mac or iDevice you are using, what operating system, and what version of the application in question. Please remember to post in the forum relevant to your hardware or version of OS X.

Hotmail Account Not Displaying Correctly in IE10

Hi there,
I am having issues with my hotmail account which as of today is not displaying correctly in IE10. Everything was working correctly up until this morning.
I can't get any emails to load and it looks terrible. I can't access folders either. I have cleared my cookies, cache, browser history as well as changed to safe mode. I have tried to acces it in Firefox but the login page does not
load, i just get a blank screen.
Thank you for your help

Nice troubleshooting. Well done!
What Operating System are you using?
Are you currently accessing your mail via a Web Browser or email client?
See the differences between them here
Does the issue happen when using a different computer?
Does the same thing happen when you access your account from the same
computer with a different browser? (Internet Explorer, Firefox, Safari or Google Chrome)
Further Outlook.com help is available at Microsoft Community
Advice offered in good faith. It is your decision to implement same. Wanikiya and Dyami - Team ZigZag

Webpage is not displaying correctly in IE7 or IE9

Hi,
I'm a newbie and am having an issue with a webpage not displaying correctly in IE7 & IE9. It displays correctly in Chrome, Firefox, Safari & Opera. I've looked around the forum but have been unable to find an solution. You can take a look at the page here. www.avgamer.com
I'm learning HTML curently and would appreciate any help you can provide.
Here's what it looks like in IE7
and IE9
in Chrome
Thank you!

You're using a commercial template. Does the original template work in all browsers?
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

New user of Firefox. Webpage I made not displaying correctly in Firefox but OK in Win IE. Why is this?

Im new to Firefox. Just found out the website Im maintaining does not display correctly with Firefox but OK with Win IE. Why is this?
== This happened ==
Every time Firefox opened

I'm going to make a prediction here:
The webpage will contain a lot of code written specifically to the non-standards compliant way IE works, and will also "not display correctly" in the following standards compliant browsers:
Chrome
Safari
Opera
and the solution will be to code the pages according to the standards meant to be followed so it displays correctly in all non-IE browsers, '''then''' see how it displays in IE.

Page is not displaying correctly on mobile

Hey. Can anyone help me to see why my page is not displaying correctly on mobile.
www.highestgoodclothing.com/phone/videos.html
The page displays correctly on a desktop.
On mobile there is a right margin that I do not want there. All of my other mobile pages seem to be working just fine. How do I fix this? Thanks

Hi,
I think it may be <div class="html5gallery-viral-0"> (contains the social media buttons) // screencasteu.worldsecuresystems.com/AP/2013-08-01_1033.png
It's the only element that isn't in sync with the other elements on page, when compared to home.html for example.
Kind Regards,
Alex Pavelescu

Blender do not display correctly after upgrading xorg

Yesterday, I do a pacman -Syu
and then found that blender do not display correctly.
The panels are not shown and the working area is cut into 2 halves of different colors.
Then I check /var/cache and found that some X components were upgraded.
My graphic card is ATi mobility Radeon 7500
Anybody can help?Thanks!

From the description, I seem to have exactly the same problem. My wm is dwm-4.0 and I grabbed some other info which may be useful:
[root@myhost ~]# Xorg -version
X Window System Version 7.2.0
Release Date: 22 January 2007
X Protocol Version 11, Revision 0, Release 7.2
Build Operating System: UNKNOWN
Current Operating System: Linux myhost 2.6.19-beyond #1 SMP PREEMPT Fri Dec 15 17:41:19 EST 2006 i686
Build Date: 08 April 2007
Before reporting problems, check http://wiki.x.org
to make sure that you have the latest version.
Module Loader present
[root@myhost ~]# blender -v
Blender 2.43
[root@myhost ~]# pacman -Qii xorg
Name : xorg
Version : 11R7.0-1
Groups : None
Packager : Arch Linux (http://www.archlinux.org)
URL :
License : None
Architecture : i686
Size : 4096
Build Date : Sat Feb 18 14:04:14 2006 UTC
Install Date : Wed Jul 26 22:39:07 2006 UTC
Install Script : Yes
Reason: : explicitly installed
Provides : None
Depends On : xf86-input-keyboard xf86-input-mouse xf86-video-vesa xorg-server xorg-server-utils xorg-xauth xorg-xinit xorg-xkb-utils
Required By : None
Conflicts With : None
Description : X.Org dummy package
[root@myhost ~]# pacman -Qii blender
Name : blender
Version : 2.43-3
Groups : None
Packager : Arch Linux (http://www.archlinux.org)
URL : http://blender3d.org
License : None
Architecture : i686
Size : 31041839
Build Date : Mon Mar 12 22:28:29 2007 UTC
Install Date : Thu Mar 22 05:45:42 2007 UTC
Install Script : Yes
Reason: : explicitly installed
Provides : None
Depends On : desktop-file-utils libjpeg libpng openexr python>=2.5 sdl
Required By : None
Conflicts With : None
Description : A fully integrated 3D graphics creation suite
Also, when I run blender from a term it says 'Compiled with Python version 2.5' (no error messages).
It has been a few days since I pacman -Syu'd, so I'll do that and report back if it fixes things.

Websites not displayed correctly

Hi,
since i updated to Safari 6.0.2, many websites are not displayed correctly anymore. instead of pictures i see a blue question mark, sometimes the whoe layout is a mess. this concerns multiple websites, alse like facebook or youtube. when i refresh, it mostly orks, so i think it´s not a plugin-issue
Curiously, also in Mail, some Emails are not displayed correctly.
Thank´s for any suggestions or ideas how to solve that.
Christoph

Please read this whole message before doing anything.
This procedure is a diagnostic test. It won’t solve your problem. Don’t be disappointed when you find that nothing has changed after you complete it.
Third-party system modifications are a common cause of usability problems. By a “system modification,” I mean software that affects the operation of other software — potentially for the worse. The following procedure will help identify which such modifications you've installed. Don’t be alarmed by the complexity of these instructions — they’re easy to carry out and won’t change anything on your Mac.
These steps are to be taken while booted in “normal” mode, not in safe mode. If you’re now running in safe mode, reboot as usual before continuing.
Below are instructions to enter some UNIX shell commands. The commands are harmless, but they must be entered exactly as given in order to work. If you have doubts about the safety of the procedure suggested here, search this site for other discussions in which it’s been followed without any report of ill effects.
Some of the commands will line-wrap or scroll in your browser, but each one is really just a single line, all of which must be selected. You can accomplish this easily by triple-clicking anywhere in the line. The whole line will highlight, and you can then either copy or drag it. The headings “Step 1” and so on are not part of the commands.
Note: If you have more than one user account, Step 2 must be taken as an administrator. Ordinarily that would be the user created automatically when you booted the system for the first time. The other steps should be taken as the user who has the problem, if different. Most personal Macs have only one user, and in that case this paragraph doesn’t apply.
Launch the Terminal application in any of the following ways:
☞ Enter the first few letters of its name into a Spotlight search. Select it in the results (it should be at the top.)
☞ In the Finder, select Go ▹ Utilities from the menu bar, or press the key combination shift-command-U. The application is in the folder that opens.
☞ Open LaunchPad. Click Utilities, then Terminal in the icon grid.
When you launch Terminal, a text window will open with a line already in it, ending either in a dollar sign (“$”) or a percent sign (“%”). If you get the percent sign, enter “sh” and press return. You should then get a new line ending in a dollar sign.
Step 1
Copy or drag — do not type — the line below into the Terminal window, then press return:
kextstat -kl | awk '!/com\.apple/{printf "%s %s\n", $6, $7}'
Post the lines of output (if any) that appear below what you just entered (the text, please, not a screenshot.) You can omit the final line ending in “$”.
Step 2
Repeat with this line:
sudo launchctl list | sed 1d | awk '!/0x|com\.(apple|openssh|vix)|edu\.mit|org\.(amavis|apache|cups|isc|ntp|postfix|x)/{print $3}'
This time, you'll be prompted for your login password, which won't be displayed when you type it. You may get a one-time warning not to screw up. You don't need to post the warning.
Note: If you don’t have a login password, you’ll need to set one before taking this step. If that’s not possible, skip to the next step.
Step 3
launchctl list | sed 1d | awk '!/0x|com\.apple|edu\.mit|org\.(x|openbsd)/{print $3}'
Step 4
ls -1A /e*/mach* {,/}L*/{Ad,Compon,Ex,Fram,In,Keyb,La,Mail/Bu,P*P,Priv,Qu,Scripti,Servi,Spo,Sta}* L*/Fonts 2> /dev/null
Important: If you formerly synchronized with a MobileMe account, your me.com email address may appear in the output of the above command. If so, anonymize it before posting.
Step 5
osascript -e 'tell application "System Events" to get name of every login item' 2> /dev/null
Remember, steps 1-5 are all drag-and-drop or copy-and-paste, whichever you prefer — no typing, except your password. Also remember to post the output.
You can then quit Terminal.

Large product page not displaying correctly on responsive webpage.

Large product page not displaying correctly on responsive webpage. Not really sure what to adjust or correct.
http://iamartde.businesscatalyst.com/apparel-1/i-am-art-sweatshirt-white

Hi,
I think it may be <div class="html5gallery-viral-0"> (contains the social media buttons) // screencasteu.worldsecuresystems.com/AP/2013-08-01_1033.png
It's the only element that isn't in sync with the other elements on page, when compared to home.html for example.
Kind Regards,
Alex Pavelescu

XML not displaying correctly when larger

Hi,
When my XML dataset exceeds 2350 lines, SpryDOMUtils.js seems to ad a <tab> to the XML string and it's not displayed correctly in it's container.
I included 2 screenshots to show what's happening. Tnx a lot!!

Sorry for the delay, I have spent some time trying to find the culprit. Finally I decided to start afresh with the following markup, which works quite well in all browsers.
<!doctype html>
<htm>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Label 1</div>
    <div class="AccordionPanelContent">
      <div id="div1">
        <table align="top" cellpadding="5">
          <tr id="tr1">
            <td valign="top">{datum}</td>
            <td valign="top"><a href="{link}">{inhoud}</a></td>
          </tr>
        </table>
      </div>
    </div>
</div>
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Label 2</div>
    <div class="AccordionPanelContent">Content 2</div>
</div>
</div>
<script src="SpryAssets/SpryAccordion.js"></script>
<script src="SpryAssets/SpryData.js"></script>
<script src="SpryAssets/SpryDOMUtils.js"></script>
<script src="SpryAssets/SpryTooltip.js"></script>
<script src="design_template_info12.js"></script>
<script type="text/javascript">
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
</script>
</body>
</html>
May I suggest that you copy and paste the markup into a new document to then start adding your own stuff, making sure that you test in IE7 or IE8 at each step.
Note that I have left xpath.js out of the markup. I think it will work either way. Just keep an eye on it.
PS
I did reformat the XML to delete all of the empty lines. Not sure if this helped or not. You can do this within DW as follows
Message was edited by: Altruistic Gramps

Div not displaying correctly in FF or Opera

Similar Messages

Maybe you are looking for