I have a horrible amount of unknown space between div's...HELP!!!!

heres the code:& the footer keeps jumping up to the top!!!!!!!?????
*Note: I know the .container div shows an error but when I close it my whole layout implodes. I have a reset.css that zero's everything out, & I have "clear: both;" set on the other div's. Maybe I'm doing something wrong, but if someone could please review I would appreciate it....Thanks.
<div class="container">
              <div class="leftcolumn">
              <h1 class="pagetitle">OUR STORY</h1>
              <div id="va-menuaccordion" class="va-menucontainer">
              <div class="va-menunav">
                    <span class="va-menunav-prev">Previous</span>
                    <span class="va-menunav-next">Next</span>
                </div>
                <div class="va-menuwrapper">
                    <div class="va-menuslice va-menuslice-1">
                        <h3 class="va-menutitle">OUR STORY</h3>
                        <div class="va-menucontent">
                            <ul>
                                <li><a href="#">history</a></li>
                                <li><a href="#">mission</a></li>
                                <li><a href="#">house of music</a></li>
                                <li><a href="#">our people</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="va-menuslice va-menuslice-2">
                        <h3 class="va-menutitle">PRIVATE EVENTS</h3>
                        <div class="va-menucontent">
                            <ul>
                                <li><a href="#">VENUE INFO</a></li>
                                <li><a href="#">event questionaire</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="va-menuslice va-menuslice-3">
                        <h3 class="va-menutitle">MEMBERSHIP</h3>
                        <div class="va-menucontent">
                            <ul>
                                <li><a href="#">member benefits</a></li>
                                <li><a href="#">event questionaire</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="va-menuslice va-menuslice-4">
                        <h3 class="va-menutitle">EVENTS CALENDER</h3>
                        <div class="va-menucontent">
                            <ul>
                                <li><a href="#">upcoming events</a></li>
                                <li><a href="#">past events</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="va-menuslice va-menuslice-5">
                        <h3 class="va-menutitle">GALLERY</h3>
                        <div class="va-menucontent">
                            <ul>
                                <li><a href="#">platinum ballroom</a></li>
                                <li><a href="#">music/film studios</a></li>
                                <li><a href="#">cafe/art gallery</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                </div>
                </div>
<div class="rightcolumn">
                <div class="HOMCDcover"></div>
                <div class="Textcontainer">
                <h2 class="pagetitle">HISTORY</h2>
                <p class="columnTEXT">The City of Oakland has enjoyed a thriving West Coast music scene, and can claim numerous prominent homegrown musicians representing genres such as Rhythm and Blues, Funk, Punk and Soul and good Rock and Roll. House of Music which was located in a small Victorian at 886 Wood Street, in a dismal West Oakland Area also known as the "lower bottoms" to most Outlander's began as The Tony School of Music which was used as the Music Studio to Tony Toni Tone' and to house newly developed artist such as Destiny Child and Keisha Cole, and Alicia Keys was owned and occupied by Wiggins from 1996 up till 2009. Now Mr. Wiggins would like to transform the (TSM) Tony School of Music philosophy and introduce the world to the House of Music - Oakland Cultural and New Media Center. The downtown establishment provides weekly live entertainment, a state of the art sound stage with full television and film production studios, a restaurant that caters.</p>
                </div>
                <div id="missioncontainer">
                <h2 class="pagetitle">MISSION</h2>
                <p class="columnTEXT">The mission of House of Music is to create an entertainment, community and dining venue for the residents of Oakland. House of Music is an accessible and affordable venue, offering unique and appealing entertainment for all visitors. The purpose of House of Music is to provide the residents of Alameda County, and beyond, with quality entertainment in an enjoyable, pleasant atmosphere. It is an excellent place and opportunity for social interaction with dancing, educational classes, and special events, with an emphasis on "Live" music.</p>
                </div>
                </div>
<footer class="pagefootercontainer">
              <div class="footerContent">
              <h4 class="footerTitle">OUR STORY</h4>
              <br>
              <p><a href="#">History</a></p>
              <br>
              <p><a href="#">Mission</a></p>
              <br>
              <p><a href="#">House of Music</a></p>
              <br>
              <p><a href="#">Our People</a></p>
              </div>
              <div class="footerContent">
              <h4 class="footerTitle">PRIVATE EVENTS</h4>
              <br>
              <p><a href="#">Venue Info</a></p>
              <br>
              <p><a href="#">Event Questionaire</a></p>
              </div>
              <div class="footerContent">
              <h4 class="footerTitle">MEMBERSHIP</h4>
              <br>
              <p><a href="#">Member Benefits</a></p>
              <br>
              <p><a href="#">Enrollment Process</a></p>
              <br>
              <p><a href="#">Registration Form</a></p>
              </div>
              <div class="footerContent">
              <h4 class="footerTitle">EVENTS CALENDER</h4>
              <br>
              <h4 class="footerTitle">GALLERY</h4>
              <br>
              <p><a href="#">Platinum Ballroom</a></p>
              <br>
              <p><a href="#">Music/Film Production Studios</a></p>
              <br>
              <p><a href="#">Cafe/Art Gallery</a></p>
              </div>
              <div class="footerContent">
              <h4 class="footerTitle">CONNECT WITH US!</h4>
              <div class="socialmedia">
                <a id="facebook" href="#" title="Like the House of Music facebook page"><span>House of Music facebook page</span></a>
              </div>
              <div class="socialmedia">
                <a id="twitter" href="#" title="Follow the House of Music on twitter"><span>House of Music on twitter</span></a>
              </div>
              <div class="socialmedia">
                <a id="stumblupon" href="#" title="House of Music on stumblupon"><span>House of Music on stumblupon</span></a>
              </div>
              </div>
    </footer>

try changing from <footer> tag to <div> tag...
change
<footer class="pagefootercontainer">
to
<div id="pagefootercontainer"><
change
</footer >
to
</div>
If you are using div floats, then you may want to add "clear" class (search internet for "css clear floats")
<div class="clear" id="pagefootercontainer">

Similar Messages

CSS wierds - spaces between div tags

Safari v4.0.4
I'm seeing spaces between div tags that are not appearing in FF3.x or IE7&8
I have inspected these tags and I can not locate where or what might be pushing the div's appart..
Example: http://dev7.esonicspider.net/facility_overview.html
Notice the black bar under "Prepare For Frequent Infection Control...." sub title in the header
The image is 800x209px and the div is defined as the same:
div#splashfacilityov { position:relative;
background:url('images/facility_header.jpg') 0 0 no-repeat;
width:800px;
height:209px;}
..the next div in the stack is:
div#submenubar { position:relative;
background:url('images/submenu_bkgr.jpg') 0 0 no-repeat;
width:800px;
height:24px;}
I have played around with both and can not see why that 20px bar is there between the two div's
Any hints as to what Safari needs here..??
Thanks John...

Found that
@charset "UTF-8";
in the style sheet was the main problem..

When I look at my Ipod on Itunes on my laptop it is showing that I have a large amount of storage space taken up with Apps. (more than my music). In fact I only have the Apps which came with the ipod touch! How do I get my storage back?

I have an ipod touch 64GB. I have 3,146 songs, 3 videos, 106 photos and 1 app. The capacity of my ipod is 58 GB (I guess the remainder is the OS), It says I have 7.6GB remaining. When I look at my ipod on Itunes on my laptop the bar at the bottom shows a huge amount of storage space is taken up by Apps. I don't have any apps apart from the ones which came with the ipod touch which I cannot erase and wouldnt really want to. I am baffled why it says so much storage has been taken up by Apps! Please help me!!!

Connect the iPod to your computer and look at the storage used by the various categories as shown in the colored bargarph in iTunes.
Come back with the results.
An "other" larger than about 1 1/2 GB usually indicates that the "other" includes corrupted files. Usually restoring from backup eliminated the corrupted files. However, sometimes restoring to factory settings/new iPod is required.
To restore from backup see:
iOS: How to back up
To restore to factory settings/new iPod see:
iTunes: Restoring iOS software

Change amount of white space between paragraphs

I have a web page at
http://lifopro.com/072506lifotrainingmaterials.html
that has more white space between the paragraphs that I would like.
Is there any way to decrease the white space between paragraphs?
The code for the top part of the text is included.
Thanks for your help.
Paul

thanks murray. 8^D
"Murray *ACE*" <[email protected]> wrote
in message
news:[email protected]...
> That would be margins you need to control, not padding.
>
> --
> Murray --- ICQ 71997575
> Adobe Community Expert
> (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
> ==================
>
>
> "crash" <[email protected]> wrote in message
> news:[email protected]...
>> 1. Take out all of your font tags
>> 2. Research archives for info on CSS
>> 3. Control padding on paragraphs with css.
>>
>>
>> --
>> If you haven't already, you would be well served
searching through the
>> archives for the answer to your question. The
archives can be found
>> here:
>>
>>
http://groups.google.com/group/macromedia.dreamweaver
>>
http://groups.google.com/group/macromedia.dreamweaver.appdev
>>
>>
>> "Lewp01" <[email protected]> wrote
in message
>> news:[email protected]...
>>>I have a web page at
http://lifopro.com/072506lifotrainingmaterials.html
>>>that
>>> has more white space between the paragraphs that
I would like. Is there
>>> any
>>> way to decrease the white space between
paragraphs?
>>>
>>> The code for the top part of the text is
included.
>>>
>>> Thanks for your help.
>>> Paul
>>>
>>>
>>> <p><font size="2" face="Verdana, Arial,
Helvetica,
>>>
sans-serif"><strong> </strong>The primary
reasons LIFO errors are
>>> so
>>> common are:</font></p>
>>> <ol><li><font size="2"
face="Verdana, Arial,
>>> Helvetica, sans-serif"> Errors resulting from
the use of spreadsheets
>>> and
>>> </font></li>
>>> <li><font size="2" face="Verdana,
Arial,
>>> Helvetica,
>>> sans-serif">Lack of understanding of LIFO IRS
Regulations and basic LIFO
>>> principles. </font></li>
>>> </ol>
>>> <p><font size="2" face="Verdana, Arial,
>>> Helvetica,
>>> sans-serif">One of the reasons for the latter
is the lack of adequate
>>> LIFO
>>> training and reference materials especially as
it relates to the IPIC
>>> method.
>>>
>>
>>
>
>

I have a big difference of free space between my 32GB iPod and 32GB iPad when sync'd with iTunes.

Why is there such a difference in my free space between my iPod Touch and my iPad (3) as indicated below:
                        iPod               iPad
Songs               1,107               774
Videos                   18                30
Photos               6,230           4,720
Apps                    111               113
Capacity           28.4GB          28.0GB
Avail (Free)       15.6GB            3.2GB
Is there anyway of recapturing free space on my iPad without removing songs, pictures, applications, etc. ??

How much space is Other using? You may be able to reduce.
How Do I Get Rid Of The “Other” Data Stored On My iPad Or iPhone?
http://tinyurl.com/85w6xwn
With an iOS device, the “Other” space in iTunes is used to store things like documents, settings, caches, and a few other important items. If you sync lots of documents to apps like GoodReader, DropCopy, or anything else that reads external files, your storage use can skyrocket. With iOS 5/6, you can see exactly which applications are taking up the most space. Just head to Settings > General > Usage, and tap the button labeled Show All Apps. The storage section will show you the app and how much storage space it is taking up. Tap on the app name to get a description of the additional storage space being used by the app’s documents and data. You can remove the storage-hogging application and all of its data directly from this screen, or manually remove the data by opening the app. Some applications, especially those designed by Apple, will allow you to remove stored data by swiping from left to right on the item to reveal a Delete button.
 Cheers, Tom

Space between DIV with image and DIV with image background

I have just about finalized the new design on my website. The only issue I am having now is on the gallery page. There is a thin space between a DIV with an image and DIV with an image background. I am using these DIV's to give the illusion of a blue border. If you look at any of the other main pages on the site the space is not there. Any ideas?
http://liquidfirefishing.com/index.php
http://liquidfirefishing.com/gallery/main.php
Here are a couple of screenshots to show exactly what I mean.

Hello,
both my "IE8" and my "FF 7.01" show the blue boundary lines. Here my screenshots, left side IE8, right side FF:
Header 1
Header 2
Hans-Günter

Space between div and h tag

I have this space between a h tag and my div and I am not
sure why.
The issue I am talking about is on this page in the right
hand column:
http://www.agilitygraphics.com/clients/c21/
The css I have for those is this:
h2
font-size:10px;
color:#363;
background-color:#C7DBA9;
letter-spacing: 1px;
height: 20px;
display: block;
border:none;
padding: 5px 0 0 12px;
margin: 0;
voice-family: "\"}\"";
voice-family: inherit;
height:16px;
div.box01
padding: 0 0 0 12px;
margin: 0;
background:#E9F3E8 url(../images/general/box_bg_01.gif)
repeat-x;
div.box01 img
float:left;
padding: 0px 5px 5px 0px;
My html looks like this:
<h2>Listing Name</h2>
<div class="box01">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Cras
rhoncus.Nulla facilisi. <br />
Read more >></p>
</div>
How can I get them flush up against eachother?
Also, when I put an image inside the box01 things get weird
with the
next h2. What do I need to do about that?
clear: both;?
Where would that go? I kind of tried it, but it did not seem
to do the
trick?
Thank you for any help!!!
Brian

You are looking at the top and bottom margins on the
<p> tag within that
<div>. Limit them.
And get rid of the hack! 8)
> Also, when I put an image inside the box01 things get
weird with the next
> h2. What do I need to do about that?
> clear: both;?
Yes - you would put it before you close the div.box01 -
<h2>Listing Name</h2>
<div class="box01">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Cras
rhoncus.Nulla facilisi. <br />
Read more >></p>
<br style="clear:both;">
</div>
Murray --- ICQ 71997575
Adobe Community Expert
(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
==================
"Brian" <[email protected]> wrote in message
news:[email protected]...
>I have this space between a h tag and my div and I am not
sure why.
> The issue I am talking about is on this page in the
right hand column:
>
http://www.agilitygraphics.com/clients/c21/
>
> The css I have for those is this:
>
> h2
> {
> font-size:10px;
> color:#363;
> background-color:#C7DBA9;
> letter-spacing: 1px;
>
> height: 20px;
> display: block;
> border:none;
>
> padding: 5px 0 0 12px;
> margin: 0;
>
> voice-family: "\"}\"";
> voice-family: inherit;
> height:16px;
> }
> div.box01
> {
> padding: 0 0 0 12px;
> margin: 0;
> background:#E9F3E8 url(../images/general/box_bg_01.gif)
repeat-x;
> }
> div.box01 img
> {
> float:left;
> padding: 0px 5px 5px 0px;
> }
>
>
> My html looks like this:
> <h2>Listing Name</h2>
> <div class="box01">
> <p>Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Cras
> rhoncus.Nulla facilisi. <br />
> Read more >></p>
> </div>
>
> How can I get them flush up against eachother?
>
> Also, when I put an image inside the box01 things get
weird with the next
> h2. What do I need to do about that?
> clear: both;?
> Where would that go? I kind of tried it, but it did not
seem to do the
> trick?
>
>
> Thank you for any help!!!
>
> Brian
>
>

Spaces between DIV - How do you remove or adjust them?

I'm having trouble understanding the following.
How do you remove the space between the DIV. There is a space
between the Banner DIV, Main Content DIV and Footer DIV as shown in
the
Demo Page.
How do you adjust these spaces? I have tried all I know.
Please take a look at the codes by clicking the link below.
http://www.nucenturemusic.com/pr_wst2.html
I have created a demo page to illustrate this problem, or
should I say my lack of knowledge.
The space is between the Banner DIV, Main Content DIV and the
Footer DIV.
Thanks very much for you help.
Patrick

Murry,
I agree and I'm still learning. But in the context of the
current discussion it seems it would squish all the <p>
without the addition of your approach.
I know when I begin to add text to a new div that these
<p> tags are automatically inserted and cause the extra space
the OP referenced.
Is the correct approach then to add a descendant selector or
remove the <p> or remargin the <p>?
Thoughts? Thanks.
Glenn
quote:
Originally posted by:
Newsgroup User
It could, but not if you add the concept of descendent
selectors. By adding
a descendent selector to the rule, you can restrict that
margin setting to a
single collection of <p> tags, e.g.,
<div id="thisOne">
<p>...</p>
<p>...</p>
</div>
<div id="butNoneOther>
#thisOne p { margin:0; }
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
==================
"GEAtkins" <[email protected]> wrote in
message
news:g1n70i$qcv$[email protected]..
>I am a little confused then. Would this not then cause
every <p> to have a
> margin of zero or whatever and cause them all to be
crammed together down
> the
> page?
>
> Glenn
>
>
>
quote:
Originally posted by:
Newsgroup User
> .oO(GEAtkins)
>
> >Try removing the <p> from below. See if that
works.
>
> Bad idea. The 'p' is the appropriate markup for that
piece of text. The
> correct way is to use CSS to adjust the paragraph's
margins as needed.
>
> Micha
>
>
>
>

There are some space between paths, please help me to solve this

Hello everyone, i've little question about paths. I get this problem everytime, i searched and didn't find answer.
There are some space between two different colored paths. There is image below to show the problem more open.
Thanks for helping.

sscayir,
It looks like the screen artifact/Anti-Aliasing issue so often discussed here.
You may get rid of it by unticking Anti-Aliased Artwork in Edit>Preferences>General, and see more pixelation on screen, but you will probably find that the artifact remains at the same size when you zoom in and that it will not show in PDFs, print, and raster images created by exporting or Save for Web; and yet again, it may be a real issue.
Which is it?

Adding a Kerning amount to the space between a digit and a quotation mark in GREP

Hello,
For some reason I am having a problem adding a Kerning amount between a digit and the Quotation mark in GREP.. Here is what I have :
(?<=\d)\x{0022}
I think the problem, is the character style lets me add a tracking amount, but not specify a kerning amount and that is what I really need. I just need a 150 Kern between the digit (sometimes a whole number or a fraction and the double quotation mark.
Anyone out there know a good way to do this?
thanks
babs

Almost right.
No, you cannot set kerning in a character style (easily -- I think there was a trick to work around it, but I cannot recall what it was). Yep, you must apply tracking with the GREP style to part of the string. If you set the tracking for both characters, it will also be applied to the second one, making this wider as well.
Set your GREP to this to prevent it:
\d(?=~")
(where the code ~" is equal to 'straight double quotes only').

Have publish error message.An unknown error has occured. Help!

Having done quite a number of changes in iWeb and have tried to publish and getting "An unknown error has occured"
Played about a bit and on two occasions had a fail to open situation as I had recently when OLD TOAD SORTED ME OUT>
Can anyone help or is OLD TOAD about again.
Bill Peckham UK

Where are you publishing to - MobileMe or another server?
Can you publish to a local folder?
Try the troubleshooting steps under "Fix iWeb" here.....
http://www.iwebformusicians.com/WebMusic/iWebTips.html
.... and also look at the next section on Domain File Corruption.
"I may receive some form of compensation, financial or otherwise, from my recommendation or link."

Mismatch in amount of free space, between UI and System Info.

I'm running a 2011 15" MBP, with a 2 TB drive in it, and the UI is indicating that I have about 520 some odd GB left. System Info and Drive Genius indicate about 490 some odd.
I don't foresee this being a huge problem any time soon, but it's bugging me.

Click here and see the note at the bottom of the page.
(120521)

Too much space between Divs/Containers?

http://kansascitycrates.com/antiques.html
I am rewriting my company website and can't find the setting to move my top 2 containers (editable regions) closer to the header / horizontal spry menu bar?
Specifically, I want to reduce the space above and below the "Crate Examples" & "Antiques" title graphics.
Thank you in advance, I read all day yesterday about absolute positioning and Divs, but can't get my head around how to apply it to my editable regions.
JM

What's the 'tiny_spacer_rule' for which is applied to the paragraph tag between the end of your
'header' section and the start of the table?
<li><a href="testimonials/2010/june/2010june_testimonials.html">TESTIMONIALS</a></li>
</ul>

</div>
<p class="tiny_spacer_rule"> </p>

<table width="998" border="0" align="center">
    <tr>
      <td><img src="graphics/page_titles/antiques.png" width="450" height="75" alt="antiques title graphic" /></td>
      <td><img src="graphics/page_titles/crate_examples.png" width="450" height="75" alt="Crate example title graphic" /></td>
    </tr>
</table>

Need help-confused on top margin space with div in sidebar div

Hello,
I have tried for hours to figure out what is affecting the margin of the top right div #first_ad which is contained in #sidebar2. Right now I have that div first nav with 10px top that looks like 30 in IE7 and 40px in iIE8 (chrome, firefox are fine). I have tried 0 margin on p and h tags and other things to lord only knows what else. I just cannot see what is affecting this.
If I could understand this it would be of great help as I seem to run into this alot with placing a div in a sidebar. I start out by using the dreamweaver templates in cs4 as my base.
Here is the link to the page.
http://www.hanovertypocraft.ca/test2/index3.html
Thank you for any assistance you may give me!!
below is the css
@charset "UTF-8";
body {
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #FFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
background-color: #000;
background-image: url(../images/hantypbg2.jpg);
background-repeat: no-repeat;
.thrColFixHdr #container {
width: 900px;
text-align: left; /* this overrides the text-align: center on the body element. */
margin-top: 50px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background-image: url(../images/container_bkgd.png);
background-repeat: no-repeat;
.thrColFixHdr #header {
padding: 0;
height: 110px;
margin: 0px;
clear: none;
float: left;
width: 740px;
.thrColFixHdr #header h1 {
margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
.thrColFixHdr #sidebar1 {
float: left; /* since this element is floated, a width must be given */
width: 165px; /* padding keeps the content of the div away from the edges */
display: inline;
.thrColFixHdr #container #sidebar1 p {
margin: 0px;
padding: 0px;
#header #head_logo_text {
height: 110px;
width: 355px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 225px;
color: #FFF;
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
clear: none;
float: left;
margin-right: 0px;
padding: 0px;
#header #head_logo_text a {
color: #FFF;
#header #head_logo_text p {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 21px;
margin: 0px;
padding: 0px;
.thrColFixHdr #container #header img {
margin: 0px;
padding: 0px;
#nav_home {
width: 135px;
padding: 0px;
margin-right: 15px;
margin-bottom: 0px;
margin-left: 15px;
height: 320px;
margin-top: 10px;
.thrColFixHdr #sidebar2 {
float: right; /* since this element is floated, a width must be given */
width: 140px; /* padding keeps the content of the div away from the edges */
margin-right: 10px;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
background-color: #00F;
.thrColFixHdr #container #sidebar2 h1 {
margin: 0px;
padding: 0px;
.thrColFixHdr #container #sidebar2 p img {
margin: 0px;
padding: 0px;
.thrColFixHdr #container #sidebar2 p {
margin: 0px;
padding: 0px;
#mainContent {
margin-top: 10px;
margin-right: 160px;
margin-bottom: 0;
margin-left: 175px;
padding-top: 0;
padding-right: 10px;
padding-bottom: 0;
padding-left: 10px;
#mainContent p {
font-family: Arial, Helvetica, sans-serif;
text-align: center;
font-weight: normal;
font-size: 16px;
line-height: 20px;
margin: 0px;
padding: 0px;
#mainContent #flash_div {
width: 353px;
margin-right: auto;
margin-left: auto;
border: 3px solid #000;
height: 265px;
overflow: hidden;
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
#sidebar2 #first_ad {
height: 140px;
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid #000;
#sidebar2 #second_ad {
height: 140px;
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid #000;
#sidebar2 #third_ad {
height: 140px;
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid #000;
#sidebar2 #fourth_ad {
height: 140px;
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid #000;

Thank you.
I am relatively new at this and you guided me to google the patch and how to overrice it using - padding 10px !important; on my css which let me override the fixes padding.
I was under the misconception that the IE fix being in grey was only for information not actually pertinent.
Again thanks and I will try to research more regarding the implimentation of these patches

White space between header and main content

Hello all! I have a 25-27px white space between my header and
main content. I read through fixes in the forum and took out any
height that would effect this gap. I still can't get rid of this
white space. Your help is greatly appreciated! Here's the Code:
<!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>
</script>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">

</style>
<script src="SpryAssets/SpryMenuBar.js"
type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css"
rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
<link href="p7hscroller/s7/p7HSM07.css" rel="stylesheet"
type="text/css" media="all" />
<script type="text/javascript"
src="p7hscroller/p7hsmscripts.js"></script>
<style type="text/css">

</style>

<script type="text/javascript"
src="slideshow.js"></script>
</head>
<body class="oneColElsCtrHdr">
<div id="container">
<div id="header">
<pre><span
class="style4">US-AsianMates</span><span
class="style6">.com</span> <strong><span
class="style9">JOIN FOR FREE <span
class="style7">OR</span> MEMBER LOG
IN</span></strong>
</pre>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li>
<div align="center"><a href="#"
class="style16">HOME</a> </div>
</li>
<li>
<div align="center"><a href="#"
class="style16">ABOUT US</a></div>
</li>
<li>
<div align="center"><a href="#"
class="style16">WHY JOIN US?</a> </div>
</li>
<li>
<div align="center"><a href="#"
class="style16">VISA SUPPORT</a></div>
</li>
<li>
<div align="center" class="style16"><a
href="#">EVENTS</a></div>
</li>
</ul>
<pre>
</pre>
</div>
<div id="mainContent">
<div id="apDiv1"><img
src="Images/Outdoor_Bride1.jpg" alt="Bride" name="Bride"
width="525" id="Bride" /></div>
<p> </p>
<p><br>
</p>
<pre>
</pre>
<table width="200" border="1" align="left">
<tr>
<td><img src="Romantic_Kiss.jpg" alt="VISA"
name="VISASUPPORT" width="200" id="VISASUPPORT" /></td>
</tr>
<tr>
<td><img src="Surfing_At_Home.jpg" alt="JOIN"
name="WHYJOIN" width="200" id="WHYJOIN" /></td>
</tr>
</table>
<pre></pre>
<div id="apDiv3">
<div align="center">
<div align="left">
<pre class="style14"> <strong>LIVING
PROOF</strong>
<span class="style15">"12 YEARS AGO I WENT TO
THE PHILIPPINES IN HOPES
OF FINDING MY FUTURE WIFE. 11 YEARS LATER,
I AM HAPPILY MARRIED! WE ALSO HAVE AN ENERGETIC
5 YEAR OLD SON! DREAM IT, LIVE IT! IT CAN
HAPPEN TO YOU ON US-ASIANMATES.COM
CHRIS"</span></pre>
</div>
</div>
</div>
<pre> </span>
</pre></pre>
<p>
<br>
<pre>
</pre>
<div id="apDiv7"></div>
<div align="center">
<pre>
<script type="text/javascript">
// <![CDATA[
XMLFlashSlideshow_v3({swf:'slideshow.swf',w:'580',h:'140',redirect:'',usePreloader:'true', xml:'slideshow_data0.xml',preventCache:'true',disableMultipleXML:'false',initXML:'%3C?xml% 20version=%221.0%22%20encoding=%22utf-8%22?%3E%3Cslideshow%20version=%223%22%3E%3Cstyles%3 E%3CPreloader%20label=%22Loading%20%7BN%7D%2525%22%20iconColor=%22#666666%22%20iconAlpha=% 2270%22%20iconWidth=%2250%22%3E%3C/Preloader%3E%3CPreloaderLabel%20font=%22Verdana%22%20si ze=%2210%22%20color=%22#666666%22%20bold=%22false%22%3E%3C/PreloaderLabel%3E%3CBackground% 20backgroundColor=%22#FFFFFF%22%20backgroundAlpha=%22100%22%20bevelColor=%22#FFFFFF%22%20b evelStrength=%2270%22%20borderWidth=%222%22%20borderColor=%22#000000%22%3E%3C/Background%3 E%3CLoaderAnimation%20type=%22circle%22%20color=%22#FFFFFF%22%20alphaBackground=%2220%22%2 0alphaInner=%2240%22%20frameWidth=%222%22%20width=%2250%22%20height=%2250%22%3E%3C/LoaderA nimation%3E%3CDataLoader%20useAnimation=%22true%22%20useLabel=%22true%22%20labelPlacement= %22bottom%22%20fadeOutDuration=%22400%22%20textFormat=%22loader_text%22%3E%3C/DataLoader%3 E%3C/styles%3E%3Clocalization%3E%3Ctext%20orig=%22Loading%20Data...%22%20local=%22Loading% 20Data...%22%3E%3C/text%3E%3C/localization%3E%3Cfonts%3E%3Cfont%20id=%22loader_text%22%20n ame=%22Pixelade%22%20embed=%22true%22%20size=%2213%22%20color=%22#666666%22%20bold=%22fals e%22%20selectable=%22false%22%20align=%22left%22%3E%3C/font%3E%3C/fonts%3E%3C/slideshow%3E '});
// ]]>
</script>

</pre>
</div>
<pre>
</pre>
<pre> </pre>
<pre> </pre>
</div>
<div id="footer">
<p>Footer</p>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>

"phillychris" <[email protected]> wrote in
message
news:[email protected]...
> Yep, it was the 1 pre tag creating the gap. So why is
this page a
> disaster, Tim?
Just because something is created in DW CS3 doesn't mean it's
not a
disaster, any more than using DeWalt power tools guarantees
that my
carpentry won't be a complete mess. The software is not a
replacement for
skills. It is a tool; your workflow and understanding of HTML
and CSS is
what allows you to use DW effectively.
So why did I call this page a disaster? When I see all that
extra markup,
spans, and inline tags, I shudder. It's way too hard to
troubleshoot. You're
not doing nearly enough with descendant selectors; instead,
most of your
code is inline, despite a huge CSS file.
Just one example: individual li tags with div align="center"
inside of them.
Way overkill. If you're centering all the li text in a given
list, control
it with CSS and kill all that extra markup.
E.g.
.MenuBarHorizontal li { text-align:center; }
In fact, if all there is in that .MenuBarHorizontal is the
list, you don't
even need to specify the list in the CSS. Just do:
.MenuBarHorizontal { text-align:center; }
Now you don't need div tags inside your li at all.
And if all of those a tags in that menu are going to be
.style16 class,
don't specify it on each link. In fact, don't even have a
.style 16 class.
Heck, since it's just specifying font size, you don't need to
target the a
tag at all. Just add font-size:x-small; to the
.MenuBarHorizontal ruleset I
gave you above.
The above are just examples from a quick glance at your code.
On the whole,
your markup and approach to styles are largely wasting the
power and point
of CSS.
In addition, several styles spanned onto one line of text...
a sure sign
that either you are using far too many styles to make design
sense, or else
you've got styles that overlap each other.
Here's my advice: Until you get a better handle on CSS, don't
style things
as you go. Forget styles altogether at the start. Create a
very clean HTML
markup and put ID and class selectors on things you know will
need them.
Preferably, place the HTML elements in the order you would
want your page
read if styling did not even exist, nesting elements where
necessary.
After you have created all the HTML structure, then go back
and style the
elements via CSS only. You will end up with less page weight
and far cleaner
code to decipher, not simply in terms of length but in terms
of conflicts
and redundancies.
If you're really insistent on styling things as you go, at
least do this:
don't create a new style every time you want to accomplish
something. Create
CSS rules for IDed containers and container classes. Then as
you go along
and are about to create a style, ask yourself where you are
and what all
this new rule needs to apply to. Specify the rule there,
under the selector
you've already created. Then you won't have .style1 -
.style16 like you do
now, and you won't have all that inline mess of code to sort
through.
Finally - as you create your CSS, discipline yourself to
avoid style spans.
They are necessary on the odd occasion, but very rarely.
Think semantically
(i.e. purpose of the style point you're making at a given
time).
For example, if you're tempted to create a span in order to
put something in
bold red, ask yourself: "Why?" Generally, it means you want
to place special
emphasis or strength on that. Well, in that case you don't
need a span. You
need to be using the proper tag, such as <em>
(emphasis) or <strong>. Then
you can style that tag in CSS. That way, what you have in
your page actually
makes sense apart from the style, and as a bonus you can
apply or edit your
style easily.
Tim G.
http://www.pactumweb.com
http://www.shortordersite.com
Be smart:
http://www.pactumweb.com/client/tips.php

I have a horrible amount of unknown space between div's...HELP!!!!

Similar Messages

Maybe you are looking for