Clear div problem
Hello
I am having a problem with a clear div problem with IE7 and the top menu - in FF this site : http://frenzycardgames.com/ looks fine - the menu in IE is gone not too mention the two lines on either side of the the sidebars - if I take teh clear div out the menu goes way up in the upper right coner bu tis fine in IE - but the clear div back .. and the menu is gone in IE but fine in FF
uuuggggg
thanks
R
Start by fixing the code validation errors. The likely culprit is an imbalance in <div> and </div> tags. Once you fix that problem, the clearing division should work as expected in all browsers.
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Ffrenzycardgames.com%2F
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com
Similar Messages
-
Pagecontent tag adding footer clear div - problem
I am trying to figure out how to remove the div that the pagecontent tag adds to my website. As you can see here the dark gray box under the product is added by a div labeled footer clear. When I remove that div, the layout problem goes away. Problem is I cannot find where to remove that code inside business catalyst. I am using a .dwt and this is how that area looks in my code inspector,
{tag_pagecontent}
Any ideas? ThanksHi duke_shibby,
I'm not sure if I 100% understand what you're saying but did you try editing the Online Shop module template - Overall Layout? I know there is a div footer clear in there by default. You can get to this layout in the back-end by going to
- Site Manager > Module Template > Online Shop > Overall Layout
Carol | BCGurus.com | http://bcgurus.com/Business-Catalyst-Templates for only $7 -
I also did a System Restore and that didn't clear the problem, either.
If you use ZoneAlarm Extreme Security then try to disable Virtualization.
Do a clean reinstall and delete the Firefox program folder.
* http://kb.mozillazine.org/Browser_will_not_start_up#XULRunner_error_after_an_update
*[[/questions/869812]]
*[[/questions/869951]] -
I have the latest version but I am continually told that Firefox is running but not responding and that I need to close Firefox or restart my computer to clear the problem. Why is this happening?
See "Hang at exit":
*http://kb.mozillazine.org/Firefox_hangs
*https://support.mozilla.com/kb/Firefox+hangs
See also:
* http://kb.mozillazine.org/Profile_in_use
* https://support.mozilla.com/kb/Firefox+is+already+running+but+is+not+responding -
Show/Hide Divs Problem in IE6
Hello, and thanks for taking a look at this.
I have inherited a web site which isn't performing very well in IE6, more details later. The setup is as follows:
The website delivers training content. The design is such that there are no scrollbars, all Lesson content is laid out carefully within a 'page' area and the user clicks a Next or Previous button to page through the content.
Each Lesson is a single HTML file which is designed and edited in Dreamweaver CS5. All the Lesson pages are based upon a single Template file which defines the common functionality. The Lesson content is basically a series of Divs, a Div for each 'page' of content and each have a unique id (for example 'page2'). Each Div has a CSS Class which defines the 'display' property. The CSS Classes are as follows:
.hideDiv{
display:none;
.showDiv{
display: inline;
Initially the first Div in the Lesson is set to .showDiv and all of the following Divs are set to .hideDiv.
The navigation is designed in Flash and the Next and Previous buttons are situated below the content area. When clicked a Javascript function is called, from a Javascript file referenced by the Lesson HTML page. The javascript function is as follows:
function hideShow(hideDiv, showDiv){
if(document.getElementById(hideDiv)!=null){
document.getElementById(hideDiv).className = "hideDiv clear";
if(document.getElementById(showDiv)!=null){
document.getElementById(showDiv).className = "showDiv clear";
It has to be said that everything works. There is further code which accounts for reaching the last page or trying to click previous on the first page etc, but this is the core principal.
Our problem is that our users have to use IE6 and when viewing the website in IE6 it is much slower than in say IE8 or Safari etc. We have noticed that as the number of pages (Divs) in a Lesson increases so the performance decreases. Crucially we notice that as you click Next, or previous, the browser Status Bar indicates that all of the images in the Lesson are being downloaded. Every time you click Next or Previous!
If anyone can either assist in preventing all of the images constantly downloading, or suggest an alternative approach to paging through the content I would be extremely grateful.
Regards
ChrisHello Murray
Thanks for going to the trouble of creating the little test site.
Other browsers appear to load the pages much quicker. This may be because they are able to more inteligently handle our code, I don't know. Safari on our Macs zooms through it.
In IE6 if I open a large Lesson and click next I see, at the bottom of the screen in the Status Bar, "(21 items remaining)" and then "(20 items remaining)" etc. which counts down and then disappears. Interestingly if the next screen happens to display the same image this does not happen, just the message "Done". If the next screen has a different image then the count down from "(21 items remaining)" again as all the linked resources (I presume) are downloaded.
I have opened your site in IE6 (Windows XP Pro) and I don't see the message. However the image is so small that I may not because it is so fast to load.
It may be related to how IE6 handles Temporary Internet Files, I'm not sure. -
Hey,
I have a problem with transparent DIVs. In Dreamweaver CS6 Design view the background is displayed white. Therefore you can not see the background image of the body tag. If I view the page in a browser everything is displayed correctly. Is this a bug in CS6? When I open the same page with Dreamweaver CS5.5 eveything is viewed correctly, too!
Anyone an idea?Ok, I've taken considerable personal time to document this bug. CS6 clearly introduced a background-related bug in its Design view that wasn’t there in CS5. The bug is simple to reproduce and has wideranging implications. I’m trying to submit a bug report, but their form is so brain-dead that it’s making it hard. I’m posting my bug report here, along with a link to the test file and then filing this thread in my report. I hope it works out and somebody at Adobe looks at it. (There’s always hope.)
This is a perfectly reproducible bug in Design view. Paste the attached HTML into a file and load the file into Dreamweaver 12 (CS6). Compare the Design and Live views. Compare against the behavior in Dreamweaver 11 (CS5).
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>HTML5/CSS Dreamweaver CS6 Test Page</title>
</head>
<body style="background-color: black;color: #999;">
<h1>DW CS6 Test</h1>
<p>The background of this page is set to black and body color is set to #999.</p>
<div style="background: transparent;">This is a div with <strong>background</strong> set to transparent.<br>In DW CS6 Design view, this div incorrectly renders as solid white.<br>Expected behavior: div should have the black background of the body showing through.</div>
<br>
<div style="background-color: transparent;">This is a div with <strong>background-color</strong> set to transparent.<br>In DW CS6 Design view, this div incorrectly renders as solid white.<br>Expected behavior: div should have the black background of the body showing through.</div>
<br>
<div style="background: linear-gradient(left, rgba(205,235,142,1) 0%,rgba(165,201,86,1) 100%);">This is a div with <strong>background</strong> set to "linear-gradient(left, rgba(205,235,142,1) 0%,rgba(165,201,86,1) 100%);".<br>In DW CS6 Design view, this div renders incorrectly as solid white.<br>Expected behavior: div should either have the correct gradient background as specified <strong>OR</strong> the black background of the body should show through.</div>
<br>
<div style="background: -webkit-linear-gradient(left, rgba(205,235,142,1) 0%,rgba(165,201,86,1) 100%);">This is a div with <strong>background</strong> set to "-webkit-linear-gradient(left, rgba(205,235,142,1) 0%,rgba(165,201,86,1) 100%);".<br>In DW CS6 Design view, this div renders incorrectly as solid white.<br>Expected behavior: the black background of body should show through (it would not be appropriate to emulate the vendor-specific CSS extension).</div>
<br>
<div style="background: blue; background: -moz-linear-gradient(top, #444 0%, #111 100%);">This is a div with <strong>background</strong> first set to "background: blue;" and then set a second time to "-moz-linear-gradient(top, #444 0%, #111 100%);".<br>In DW CS6 Design view, this div renders incorrectly as solid white.<br>Expected behavior: this div should have a blue background in design view, ignoring the second background declaration.</div>
</body>
</html>
Here’s the test file:
http://dl.dropbox.com/u/29197/dw6-design-view-bug.html -
Clearing & Arrangement Problems
**NOTE** This page is constantly being worked on, so if you
don't see
something, then please email/IM me and I will check. I really
am lookin
gforward to your input on this/these problems.
Two problems - stacking correctly is really what both of them
have to do
with.
I have repeating div's setup best displayed here:
http://demo.mediachurch.com/news_new.php
This is OK, but what I would rather is for the 4th one to go
up under the
second one (numbers are at the end of each title).
Any ideas on how to do that? They're generated in-line, and I
have them set
to switch on every other one to right or left float. I also
have clear:
left on the left float, and clear right on the right. Before
I did this,
they were indeed stacking, but the right float was stacking
next to the
previous right float.
My second issue is mainly clearing. On the same page, if you
have selected
an article to view, often the image is larger than the
article (or at least
in my testing, which could happen). I would like to "clear"
the div that
contains the article, but it doesn't seem to pick up the
image that's in
there. As it is now, the section 1 of the repeated news
titles is "next" to
the image being displayed.
Example:
http://demo.mediachurch.com/news.php?cid=27
TIA,
Jon Parkhurst
PriivaWeb
http://priiva.net..oO(lclark1477)
>No, I haven't looked yet, since I am at my "day job", but
honestly, I thought
>that I could not do flat pages because I need those
photos to open when they
>are clicked from the left frame.
Nothing easier than that with flat pages. Usually this
involves a
server-side script, but there are enough free gallery scripts
around.
In my own framwork I do it this way: The gallery page
(script-generated)
shows all the thumbnails with captions below them if
available. These
preview images are simply linked to the big versions. If the
user clicks
on a preview, the big image opens without any HTML around it.
That's the
most simple and most usable way, but of course not the most
aesthetic.
One way to improve that is to simply add something like the
'lightbox'
script (or better 'litebox' - same features, smaller code),
which can be
used without big modifications of the HTML (it just requires
some little
adjustments of the image links, so the script knows where to
hook-in).
Then, if the user has JavaScript enabled, the image will be
shown on top
of the thumbnail page instead of replacing it. Looks quite
nice.
You can see the scripts in action on <
http://andreas-pauli.de/fotos/top>
for example (my stepbrother's private web site).
>I am assuming that you are talking about CSS
>style sheets, which I am scared to death of!
Learn how to use them. There are many tutorials available on
the Web.
Try a simple Google search or the archive of this group.
Micha -
When I log into my acc it ammediatly says there's a problem with my last purchase and to go to my purchase history to clear it. When I hit continue its suppose to take me to the history but it just loads then says cannot connect
the itunes says that it knows that there isan ipod there, but it doesnt recognize it. I have reset the ipod, restarted my computer, and reinstalled itunes.
Doublechecking. Have you tried a complete uninstall of both iTunes and all the other related software components (Apple Mobile Device Support, Apple Application Support, etc ...) and then a reinstall? If not, try the instructions from the following document:
Removing and reinstalling iTunes and other software components for Windows Vista, Windows 7, or Windows 8 -
I changed the forwarding address to one of my domains a week or so ago. When I go to that website on my laptop (on Firefox) it pulls in the right address. On my PC the old website is the one that Firefox pulls in yet, when I go to Internet Explorer on my PC the correct website is the one that comes up. Apparently this is a problem with the Firefox version on my PC which I believe is the latest as Firefox is an absolute pain in the neck in inundating users with constant demands to update. Very annoying!
Reload web page(s) and bypass the cache.
* Press and hold Shift and left-click the Reload button.
* Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
* Press "Cmd + Shift + R" (MAC)
Clear the cache and the cookies from sites that cause problems.
"Clear the Cache":
* Tools > Options > Advanced > Network > Offline Storage (Cache): "Clear Now"
"Remove the Cookies" from sites causing problems:
* Tools > Options > Privacy > Cookies: "Show Cookies" -
I am building a 'planner' in a table and it looks okay in
Firefox but not in IE. It's a work in progress but IE doesn't allow
the table to align properly and help would be appreciated.
Also, the table and left menu reside in a div (container2)
which I set at 1900px width. Is there another way to determine its
size or do I just add the components (menu plus centrebody).
The page is located at
http://members.optuszoo.com.au/csteed/4R%20Conference/3day-program.html
Thanks, Chris
Disregard - fixed the problem.csteed posted in macromedia.dreamweaver:
> I am building a 'planner' in a table and it looks okay
in Firefox but
> not in IE. It's a work in progress but IE doesn't allow
the table to
> align properly and help would be appreciated.
I'm not seeing the problem in IE7. Perhaps if you add the
missing closing
</div> tags and fix the other errors, it will help.
Enter your URL into this page to see the errors:
http://validator.w3.org/
> Also, the table and left menu reside in a div
(container2) which I set
> at 1900px width. Is there another way to determine its
size or do I
> just add the components (menu plus centrebody).
With the page as it is now, I don't think you need to specify
the width at
all. I didn't see any difference in FF when I deleted that
line in your CSS,
anyway.
> The page is located at
>
http://members.optuszoo.com.au/csteed/4R%20Conference/3day-program.html
Mark A. Boyd
Keep-On-Learnin' :) -
Abt clear value problem in scripts
Hi,
Im working on scripts.in scripts im calculating totals by using subroutine.but im facing problem.
my problem is first time i calculated it's working fine.
when i go back and enter other order number it's taking previous order number and present total and it displays these totals.
i clear the it_out in se38 and the varible which holds the total.
but it's not working.
please help me in this.
Thanks & Regards,
SrinivasHi this is my abap code.
FORM get_extpr_tot TABLES it_input STRUCTURE itcsy it_output STRUCTURE itcsy.
REFRESH : it_output.
CLEAR v_extpr_tot.
DATA: v_vbeln2(10) TYPE n.
REFRESH it_input.
Clear v_vbeln2.
clear v_extpr_tot1.
READ TABLE it_input INDEX 1.
MOVE it_input-value TO v_vbeln2.
READ TABLE it_input INDEX 2.
MOVE it_input-value TO v_extpr_tot.
v_extpr_tot1 = v_extpr_tot1 + v_extpr_tot.
READ TABLE it_output INDEX 1.
WRITE v_extpr_tot1 TO it_output-value LEFT-JUSTIFIED.
MODIFY it_output INDEX 1.
Clear it_output.
clear v_extpr_tot1.
REFRESH it_output.
ENDFORM. "GET_EXTPR_TOT
and my se71 code is
PERFORM GET_EXTPR_TOT IN PROGRAM ZSP_SD_ORDCM.
USING &VBDKA-VBELN&
USING &V_PRICE&
CHANGING &V_EXTPR_TOT1&
ENDPERFORM
please help me -
Footer not clearing DIV correctly in I.E7
Hi
I am having an issue with my footer DIV- set to clear both in the CSS. Not clearing the main DIV but only in IE7.
The main DIV doesn't have a height specified in the CSS , as I want it to expand with the content.
Any ideas?
feel free to look at the page , please note background image-not my idea!
http://www.sopasbeauty.co.uk/nails.html
many thanksUm checking the code in IE7, it seems that the footer is displaying properly because your #container is set to height: 700px. But your content is longer then 700px and there fore breaking in IE7.
I would remove the height on the container, and then add a clear/seperator outside the container.
<body>
<div id="container">
<div id="header"></div>
<div id="leftnav">
<ul>
</ul>
</div>
<div id="main">
<div id="mainimage"></div>
</div>
<div id="rightcol">
<div id="rightcolhead">
<h2>Special offers </h2>
</div>
<div id="rightcoltext">
</div>
</div>
</div>
<div style="clear: both"></div>
<div id="footer"><a href="contactus.html">Contact us</a> | <a href="sitemap.html">site map</a> | <a href="http://www.epproductions.co.uk/" target="_blank">webdesign</a> | <a href="links.html">links</a></div>
</body>
</html> -
The "clear form" tool does not work properly in a particular fillable form. it will clear txt and data fields but will not clear checkbox fields?? The "clear form" tool will work on other fillable forms of mine.
There's something screwy about the file. It might be best to start from scratch. I'd use a PDF generated using Acrobat and not Mac's native print to PDF.
I noticed that internally (to the form fields) there are multiple references to fonts that aren't actually used in the file. This could have happened when you tried these fonts with the fields and changed back to Helvetica, since Acrobat does not do the necessary cleanup. Note that the file size is rather large for a form like this at 2.47MB, 87% of that being due to fonts, most of which are those orphaned fonts whose data is still in the file. Also note that Arial somehow got subsets embedded multiple times. I'm not sure how this happened. Did you edit the text of the PDF a lot?
This isn't the cause of the problem, but when you have a group of check boxes (e.g., for Yes/No fields), if you give each check box in the group the same name but different export values, only one will be able to be selected at a time. This will be prevent someone from selecting both Yes and No for the same question. -
Can anyone help me figure out why my div named "#indexThmbs" is not sitting flush to the div above it named "#indexHeader1"
The purple body background color is coming through and I dont know why. There are no top/bottom margins on either divs so there should be no gap between the divs...I have no clue why this is happening.
I have posted the links to how the page SHOULD look (my JPG mock up)....
http://vojodesign.com/proofs/ARM/home.html
...and also my HTML file with the problem I'm talking about....
http://vojodesign.com/proofs/ARM
Thanks in advance.
KitHi Kit,
I made a quick look and it's quite messy or at least seems that your css needs to be optimized. Anyway a fast solution would be in #indexThmbsInner with your margin-top:65px change it to 0 like:
#indexThmbsInner {
height:130px;
margin-left:auto;
margin-right:auto;
margin-top:0;
width:900px;
Also you declare many classes that do the same thing, so you can do this:
.indexThmb1, .indexThmb2, .indexThmb3, .indexThmb4 {
float:left;
margin-left:12px;
margin-top:65px; /* Notice I added the margin-top:65px; here */
text-align:center;
width:195px;
.indexThmb1 {
margin-left:12px;
.indexThmb2 {
margin-left:32px;
.indexThmb3 {
margin-left:33px;
.indexThmb4 {
margin-left:31px;
Probably there would be better ways to do it but as I mention it was just a quick look, also I haven't checked in IE just in FF but hope it helps
Cheers -
After extensive reading and experimenting - I have finally completed my website - and it has been published!
I needed to place images exactly where I required them - not the standard Left/right/absolute etc! I then discovered AP DIV's and what a pleasure. My pages previewed perfectly on my computer using Internet Explorer as my browser. I showcased my new website to my wife on her laptop - and was hoorified to find that all of the images which were placed in AP Div's had moved and were now placed over text!
I have ascertained that this results from our different display settings (1024x768 vs 1280x768). Please save my sanity by advising how I can get around this problem. My site uses the 2 Column, Header & Footer, Liquid layout (one of the standard layouts) - can this possibly have something to do with the problem?
ThanksRoy Marnewick wrote:
Hi Osgood
Many thanks for your rapid response.
I am part of the way there in understanding your proposed solution.
However - I understand basics only at this stage, and get by by
experimentation to achieve what I need. You have mentioned a "container" -
which I have seen mentioned in various documentation but do not understand
exactly what it is - or how I place one in my document!
I would be most grateful if you could :
1. tell me what it is?
2. how do I place a container in the document?
3. how do I set the relative position?
As a side issue - if these AP divs float around - how are they used usefully
if not placed in a container - or are they always meant to be in a
container?
Regards
Roy
1) A container is just a box on your page, could be a <div> or something else, a table cell, a paragraph etc.
2) You will already have many containers in your document.
3) To set the containers position to relative use css:
position: relative;
Example:
<div id="content">Some content here</div>
Set its position to relative with css:
#content {
width: 750px
margin: 0 auto;
position: relative;
Now if you want to use an AP <div> and have that AP <div> move along with the content when the browser window is widened or narrowed you have to insert the AP <div> inside the relatively positioned container,
<div id="content">
<div id="fixed">This AP <div> takes its co-ordinantes from the top left of the content box</div>
Some content here
</div>
The css:
#fixed {
position: absolute;
left: 50px;
top: 150px;
AP <divs> are really quite useless apart from the odd ocassions (like the above example) and maybe the most simplest of site constructions
Maybe you are looking for
-
Android user about to make the switch
Hello everyone, let me start off by saying I HATE Apple. Absolutely hate it. You may be asking, "if you hate it so much why switch?". Well the answer to that is simple, Android doesn't compare. Now matter how many blogs, articles or videos you look u
-
Automatically confirmation in process order
Hello everybody. Is there a way of confirm (TR. COR6N) a operation in a process order automatically? I mean, in my process orders I want that some operation (not all) been confirm with the standard duration. Thanks in advance.
-
How use mouse draw a text select area on a PDF?
Hi All, I am developing a small vb.net program to allow user select a area on PDF and extract the text. I know some code below can extract text RectAry.Left = 0 RectAry.right = rect.x RectAry.bottom = 630 RectAry.Top = 703 txt = gPDDoc.CreateTextSele
-
Two Conditions in If statement
Hi, I wanted to include two condition in a single IF statement. So, i tried below, <?xdofx:if :POH_CANCEL_FLAG='Y' and :POH_PO_TYPE!='RELEASE' then?><?call-template:po_oc?><?end if?> But this is calling the template even if one condition is false. Ca
-
Executing servlet in command prompt
Can we run the servlet in the cmd prompt . I am using tomcat5 server in windows Environment .