Div tag problem with gap
Hello dreamweavers.
Ive place four divs one next to another till here it seems fine. then I add another Div by the name of article and its causing me
an issue. It seems fine in the DW work area, but when I see it on the internet it has a huge gap which is cause by the height of the div I think.
so please take a look at my exampels and code:
seems fine in DW
<style type="text/css">
#one {
background-color: rgb(0,204,255);
width: 200px;
height: 200px;
float: left;
margin-left: 45px;
#container {
background-color: rgb(153,204,102);
width: 1024px;
height: 768px;
margin-right: auto;
margin-left: auto;
#article {
background-color: rgb(153,51,153);
height: 200px;
margin-top: 230px;
width: 938px;
margin-left: 43px;
float: none;
#two {
background-color: rgb(153,255,204);
width: 200px;
height: 200px;
float: left;
margin-left: 45px;
#three {
background-color: rgb(255,255,204);
width: 200px;
height: 200px;
float: left;
margin-left: 45px;
#four {
background-color: rgb(204,153,204);
width: 200px;
height: 200px;
float: left;
margin-left: 45px;
</style>
</head>
<body>
<div id="container">
<div id="one">Content for id "header" Goes here</div>
<div id="two">Content for id "two" Goes </div>
<div id="three">Content for id "three" Goes Here</div>
<div id="four">Content for id "four" Goes Here</div>
<div id="article">Content for id "article" Goes Here</div>
</div>
</body>
</html>
Do it this way
<!doctype html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style type="text/css">
#one {
background-color: rgb(0,204,255);
width: 200px;
height: 200px;
float: left;
margin-left: 45px;
#container {
background-color: rgb(153,204,102);
width: 1024px;
height: 768px;
margin-right: auto;
margin-left: auto;
#two {
background-color: rgb(153,255,204);
width: 200px;
height: 200px;
float: left;
margin-left: 45px;
#three {
background-color: rgb(255,255,204);
width: 200px;
height: 200px;
float: left;
margin-left: 45px;
#four {
background-color: rgb(204,153,204);
width: 200px;
height: 200px;
float: left;
margin-left: 45px;
#article {
background-color: rgb(153,51,153);
height: 200px;
width: 938px;
margin-left: 43px;
margin-top: 20px;
float: none;
.clear{
clear:both;
</style>
</head>
<body>
<div id="container">
<div id="one">Content for id "header" Goes here</div>
<div id="two">Content for id "two" Goes </div>
<div id="three">Content for id "three" Goes Here</div>
<div id="four">Content for id "four" Goes Here</div>
<div class="clear"></div>
<div id="article">Content for id "article" Goes Here</div>
</div>
</body>
</html>
Similar Messages
-
HTML or PHP visibility div tag problem in IE
Hi,
I have a PHP search function on a travel site a programmer
did for me. When you look at it in FF and Safari, it looks fine.
But in IE, there is a big blank space where the calendar function
goes. He has the div tag set to visibility:hidden. Any ideas how to
make it look right in IE as well?? Any help would be appreciated!
The PHP code is below:
He thinks the problem is here in this part of the code:
<div id="kalendar" style="visibility:hidden; width:0px;
height:0px; border:0;">
//then goes some tables
</div>
Any help would be much appreciated...we are stumped!
Thanks>
http://www.bluehippotravel.com/surfingvacations
404 on that link.
> Does this tell you anything?
Unfortunately, yes. The person who coded this has no sense of
best practice
in HTML authoring....
I'd like to see the page in the wild if I could - can you
investigate the
404, please?
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
==================
"Lvanhoff" <[email protected]> wrote in
message
news:[email protected]...
> Murray,
> As always you are a genius :-)
>
> The only problem I still have, and only in IE, not FF,
is that the drop
> down
> menus are cutting part of themselves off...any idea why?
>
http://www.bluehippotravel.com/surfingvacations
> Top left...see how the arrows are cut off on the drop
downs?
>
> Not sure if its ok to post to page??
>
> I didn't do this part of the page...so not sure how it
was done...
> Does this tell you anything?
>
> <table bgcolor="#f7ebb3" class="search"
style="table-layout: fixed;
> padding:0px" border="0">
> <tr><td colspan="4" width="auto">
> <select size="1" class="search" id="country"
> onchange="javascript:listajzemlje(this.value)">
> <?php
> drzave();
> ?>
> </select>
> </td></tr>
> <tr><td colspan="4" width="auto">
> <div id="state1">
> <input type="hidden" id="state" value="" >
> <input type="hidden" id="city" value="" >
>
> </div></td></tr>
> <tr>
>
>
> <td colspan="4" width="auto">
> <input class="search" id="hotel" name="hotel" value="
Hotel name
> (optional)" />
>
>
>
> <tr><td colspan="4" style="cursor:pointer;"
onClick="showKalendar()"
> class="search" >
>
> <img class="search"
src="images/btn-hotelmenu-searchbydate.jpg"
> alt="Search by
> date (optional) ">
> </td></tr>
> <tr><td colspan="4">
> <div id="kalendar" style="display:none; width:0px;
height:0px;
> border:0;layout:fixed">
>
> <table border="0" class="submenucolor" align="center"
width="auto">
>
> <tr>
> <td></td><td></td>
> <td class="HotelSearchMenu" colspan="2"
align="right">In:<?
> $aCalendarParams=array(
> "sIconPath" => "./img/calendar.png",
> "iAction" => 1, //0=>reloadCurrentPage with get
param sDate,
> 1=>fill
> field sFieldName
> "sFieldName" => "DPC_date1",
> "iStyle" => 1, //0=>display calendar,
1=>display div on icon
> click
> "aMonthNames" => $aMonthNames["EN"],
> "aDaysNames" => $aDaysNames["EN"],
> "sDateFormat" => $sDateFormat["EN"]
>
> );
> new oCalendarPicker("calFixe1",$sDate,$aCalendarParams);
> ?></td>
>
>
>
>
>
> </tr>
>
>
> Thanks!
> -
OK so this is my first wbesite in dreamweaver so and i ran into a problem....i made a AP div tag but i can get it where i want it.....my backrground is center in the website and i put my nav links in a AP div tag so i could then put them in a certain area where i wanted.(i think is the only way i know hjow to do this) Well how can i get them centered left and right in the website but the top and bottom i want to place by hand???? they are where they need to be when i preview it in the browser but in the dreamweaver file they are down and to the right......i had to keep messing with it and previewin it until it showed up where i wanted it to in the browser. Im sure i have a setting worng either in my CSS or html.... Please help!
First rule of web design is to stop thinking like a graphic or print designer. Web pages need to be flexible to perform well on different devices, browsers, user settings, screen and text sizes. And web designers have almost no control over these user-centric variables.
The second rule of web design, you cannot precisely position text or other elements on top of big background image and expect it to stick. It just doesn't work.
http://alt-web.com/Backgrounds.shtml
If your navigation bar requires a background, it should be separate from the page background. You'll need to use solid colors or create image slices for your nav bar in your graphics editor.
Third rule, use default CSS positioning (which is no positioning at all). Align objects with CSS margins, padding and floats.
Basic CSS Layout. (No APDivs used, no animals were harmed)
http://alt-web.com/TEMPLATES/Basic-1-col-fixed.html
Also read this tutorial:
Taking a Fireworks (or Photoshop) comp to a CSS based layout in DW
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html
Good luck with your project!
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com -
Div tags problem on centered layout
Like the title says, I'm working on a centered layout and I
need to place a div tag that has an overflow for scrolling. The
problem is what do I do so that it does just that. I tried using an
AP div tag but it doesn't follow the rest of the layout if you play
with the browser width. And if I simply put a div tag in my table,
I don't know how to put an overflow on it. I only have a limited
amount of space for the text, and I have too much text to simply
put it in the table. It's my first time working on a centered
layout, so I'm kind of at a lost right now. And that's the only
thing stopping me from putting it online.> And if I simply put a div tag in
> my table, I don't know how to put an overflow on it.
<div style="overflow:scroll">
> I only have a limited
> amount of space for the text, and I have too much text
to simply put it in
> the
> table.
If that's the case, then you have a broken layout scheme, and
a usability
problem.
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
==================
"cprime" <[email protected]> wrote in
message
news:g6n78v$qmn$[email protected]..
> Like the title says, I'm working on a centered layout
and I need to place
> a div
> tag that has an overflow for scrolling. The problem is
what do I do so
> that it
> does just that. I tried using an AP div tag but it
doesn't follow the rest
> of
> the layout if you play with the browser width. And if I
simply put a div
> tag in
> my table, I don't know how to put an overflow on it. I
only have a limited
> amount of space for the text, and I have too much text
to simply put it in
> the
> table. It's my first time working on a centered layout,
so I'm kind of at
> a
> lost right now. And that's the only thing stopping me
from putting it
> online.
> -
Hi there,
i am creating a website.i seem to be having a bit of trouble with div tag...i think.the navigation bar and the main content seem to be overlapping each other.any ideas?id appreciated any help.
thanks.
<body>
<div id="header">Heading</div>
<div id = "nav">
<ul id="Fyp">
<li><a href="html/Index.html">Home</a> </li>
<li><a href="html/Conventional.html">Conventional Encryption</a></li>
<li><a href="#">Public Key Encryption</a>
<ul>
<li><a href="html/PublicKey-Confidentiality.html">PublicKey-Confidentiality</a></li>
<li><a href="html/PublicKey-Authentication.html">PublicKey-Authentication</a></li>
<li><a href="html/Public Key-Confidentiality and Authentication.html">Public Key-Confidentiality and Authentication</a></li>
</ul>
</li>
<li><a href="#">MAC Encryption</a>
<ul>
<li><a href="#">MAC - Message Authentication</a></li>
<li><a href="#">Message Authentication and Confidentiality (Plaintext)</a></li>
<li><a href="#">Message Authentication and Confidentiality(Ciphertext)</a></li>
</ul>
</li>
<li><a href="#">HASH Encryption</a>
<ul>
<li><a href="#">Encryption after Concatenation</a></li>
<li><a href="#">Encryption before Concatenation</a></li>
<li><a href="#">Authentication</a></li>
<li><a href="#">Authentication and Confidentiality</a></li>
<li><a href="#">Secret Value</a></li>
<li><a href="#">Secret Value and Encryption</a></li>
</ul>
</li>
<li><a href="#">Self Test</a></li>
</ul>
</div>
<div id="main_content">
<p> </p>
<p>This is the home page for Message Authentication and Digital Signatures.This page will explain the funamental basis of these elements.</p>
<p> </p>
<p><strong>Authentication</strong>:</p>
<p><a name="#Authtentication"></a>
The Authentication service is concerned with assuring that a communication is authentic. Authentication acts as an warning or a alarm signal. The function of the authentication service is to assure the recipient that he message is from the source that it calms to be from.</p>
<p> </p>
<p><strong>Confidentiality</strong>:</p>
<p><a name = "Confidenitiality"></a>
Confidentiality is the protection of transmitted data from passive attacks. This makes sure that the message sent can not be read by anyboby except for the intended recipient .
</p>
<p> </p>
<p><strong>Public Key:</strong></p>
<p><a name = "Public Key"></a>
</p>
<p><strong>Digital Signature:</strong>
<p><a name = "Digital Signature"></a></p>
</p>
<p><strong>Integrity:</strong>
<p><a name = "Integrity"></a> </p>
<p><strong>MAC Function:</strong></p>
<p><a name = "MAC"></a> </p>
<p>A MAC (Message Authentication Code) is a small fixed size block of data that is appended to the message. The technique assumes hat two communicating parties say (Source A and B) share a common secret key(k). When A sends a message to B, it calculates the MAC as a function of the message and the key. The recipient performs the same calculation on the received message using the same key, to generate a new MAC. The received MAC and the calculated MAC are then compared. If the received MAC matches the calculated MAC, then the message is said to be authentic.</p>
</p>
</div>
<div id="footer">
<p>
Footer - all about the designer and contact links go here
</p>
</div>
</body>
</html>Here ya go.
body {
margin:0px;
padding:0px;
text-align:center;
font-size:1.0em;
font-family:trebuchet ms, tahoma, arial, sans-serif;
#container {
text-align:left;
margin:0px;
width:1270px;
border:1px black solid;
padding: 0px;
#header {
text-align:center;
width:1270px;
#width:1022px;
height:100px;
font-size:2.0em;
background-color:white;
color:white;
padding-top:0px;
padding-right:0px;
border-bottom:1px black solid;
#nav {
width:1270px;
#width:1270px;
height:24px;
font-size:0.8em;
background-color:#20548E;
color:black;
border-bottom:1px black solid;
#main_content {
width:1270px;
#width:1022px;
font-size:0.9em;
background-color:white;
color:black;
border-bottom:1px black solid;
#footer {
text-align:center;
width:1270px;
#width:1022px;
height:100px;
font-size:1.0em;
background-color:#20548E;
color:white;
border-bottom:1px black solid;
#Fyp
{ margin: 0;
padding: 0;
#Fyp li
{ float: left;
list-style: none;
font: 12px Tahoma, Arial;
#Fyp li a
{ display: block;
background: #20548E;
padding: 5px 12px;
text-decoration: none;
border-right: 1px solid white;
width: 140px;
color: #EAFFED;
white-space: nowrap;
#Fyp li a:hover
{ background: #1A4473;
#Fyp li ul
{ margin: 0;
padding: 0;
position: absolute;
visibility: hidden;
border-top: 1px solid white;
#Fyp li ul li
{ float: none;
display: inline;
#Fyp li ul li a
{ width: auto;
background: #9F1B1B;
#Fyp li ul li a:hover
{ background: #7F1616; -
Hi,
we are using Div tag along wth applet. While loading we want to freeze the screen. so we set width and height for DIV tag. All textboxes and other thngs are going behind the DIV but not working for applets like Browser, Grid. Applets are coming over the DIV tag when freezing. We set the high Z index forApplet div and low for freezing DIV and also tried in reverse. But it is not working..
How to solve this problem?
Regards,
SenthilThe problem is that applets are not part of the DOM. This is why most commonly; iframes are used whenever you need to "dynamically" need to manipulate a MII applet. You may be better off using an XSLT style sheet transform or AJAX / Javascript framework so that you can more precisely control your grids.
Some people have tried using OBJECT tags instead of APPLET but I haven't heard of much success in this route. -
Custom Tag Problem With iPlanet
Hi,
I've followed the instructions for creating Custom Tags located at: http://docs.iplanet.com/docs/manuals/enterprise/41/rn41sp9.html#18776. I'm using the examples provided and am still getting the:
org.apache.jasper.JasperException: Unable to open taglibrary /jsps/test-tags.jar : com.sun.xml.tree.TextNode
error. I've followed the instructions "Make sure you have the DOCTYPE in your taglib.tld..." but I still get the error.
iPlanet 4.1 Enterprise on Windows 2000
Any ideas?
Thanks in advance.Hey i am also getting the same error, please let me know if u had solved this problem. i have copied the error message below
[25/Feb/2002:15:00:46] info ( 260): JSP: JSP1x compiler threw exception
org.apache.jasper.JasperException: Unable to open taglibrary /jsps/test-tags1.jar : in is null
at org.apache.jasper.compiler.JspParseEventListener.handleDirective(JspParseEventListener.java:708)
at org.apache.jasper.compiler.DelegatingListener.handleDirective(DelegatingListener.java:119)
at org.apache.jasper.compiler.Parser$Directive.accept(Parser.java:190)
at org.apache.jasper.compiler.Parser.parse(Parser.java:1048)
at org.apache.jasper.compiler.Parser.parse(Parser.java:1022)
at org.apache.jasper.compiler.Parser.parse(Parser.java:1018)
at org.apache.jasper.compiler.Compiler.compile(Compiler.java:173)
at com.netscape.server.http.servlet.NSServletEntity.load(NSServletEntity.java:230)
at com.netscape.server.http.servlet.NSServletEntity.update(NSServletEntity.java:149)
at com.netscape.server.http.servlet.NSServletRunner.Service(NSServletRunner.java:453)
[25/Feb/2002:15:00:46] warning ( 260): Internal error: Failed to get GenericServlet. (uri=/web/jsps/test-tags.jsp,SCRIPT_NAME=/web/jsps/test-tags.jsp) -
IM Container Tag Problem with OKI C9500DN Laser Printer
Labels printed have 10" length and 4" heigth instead of normal size.
Using USPS Tray Laser 2 IM 24-digit.ltd.
Printer driver problem or PostalSoft problem?That design should print 10 labels on a page, two across and five down. As far as margins the top and bottom margins are both .5 inches and the left and right margins are both 1 inch. So what you are seeing is a single label that is 10" x 4" or the 10 labels fit within an area of 10" x 4"? I don't have any experience with that specific printer but I know that design prints fine on several different HP laser printers. It looks like that is an Led printer, but I don't see that really being the issue... One thing I can think of checking is to make sure that the driver doesn't have some kind of zoom setting which is causing the issue. You would want it to print at 100%. Other than that I can't think of anything else to check without knowing more about what the output you are seeing looks like. Have you tried any other designs to see if they have similar issues? Are you able to get the output you expect when using other programs?
-
Physical standby, problem with gaps
I have WAIT_FOR_GAP status for MRP process. Please tell me how to resolve it?
Thanks in Advance
SQL> select process, status, thread#, sequence#, block#, blocks from v$managed_standby;
PROCESS STATUS THREAD# SEQUENCE# BLOCK# BLOCKS
ARCH CLOSING 1 34 8193 174
ARCH CLOSING 1 38 1 1
MR(fg) WAIT_FOR_GAP 1 32 0 0
RFS RECEIVING 0 0 0 0
SQL> select SEQUENCE#,APPLIED from v$archived_log;
SEQUENCE# APP
15 YES
16 YES
17 YES
18 YES
34 NO
35 NO
36 NO
38 NO
8 rows selected.
I had issued :
alter database recover managed standby database using current logfile;Thanks for your Time....
I am using 10.1.0.4
All the logs are present on the standby site as:
SQL> select thread#, sequence#, first_change#, next_change# from v$log_history;
THREAD# SEQUENCE# FIRST_CHANGE# NEXT_CHANGE#
1 1 1015130 1124287
1 2 1124287 1302414
1 3 1302414 1458719
1 4 1458719 1661642
1 5 1661642 1661693
1 6 1661693 1661699
1 7 1661699 1661705
1 8 1661705 1661716
1 9 1661716 1668004
1 10 1668004 1668056
1 11 1668056 1668062
THREAD# SEQUENCE# FIRST_CHANGE# NEXT_CHANGE#
1 12 1668062 1668068
1 13 1668068 1668079
1 14 1668079 1668529
1 15 1668529 1668578
1 16 1668578 1668584
1 17 1668584 1668590
1 18 1668590 1668601
1 19 1668601 1669320
1 20 1669320 1669686
1 21 1669686 1669689
1 22 1669689 1669691
THREAD# SEQUENCE# FIRST_CHANGE# NEXT_CHANGE#
1 23 1669691 1669694
1 24 1669694 1670217
1 25 1670217 1670220
1 26 1670220 1670222
1 27 1670222 1670229
1 28 1670229 1670232
1 29 1670232 1670234
1 30 1670234 1670237
1 31 1670237 1670283
31 rows selected. -
Problems with looping mp3s without gaps
I am building an 8 track Flash audio mixer where the sounds for each track are selected by the user from a list component and then loaded into a Sound variable at runtime. This can be done while the mixer is playing or stopped, and of course, it adds a lot of flexibility for making music. All actionscript is in external .as files and sounds are looped using the SOUND_COMPLETE event.
So far, all loading/playing functions work perfect, but I`m having problems with gaps at the beginning/end of my mp3 files. I was told this was an inherent problem with mp3 files, so I tried using MPTrim to clean the silence up. I also tried starting the loop a bit late - sound.play(80, 1) - but the results are usually inaccurate and unpredictable.
When I import a wav file into the library and then export it as an mp3 file embedded in the .swf file, it sitll has a short gap. When I built a previous mixer in Flash MX (actionscript 1) there was no gap and all sounds looped perfectly! Of course, in this later case, all sounds were embedded inside movie clips on the stage and scripting was done on the timeline, so maybe that made a difference.
What is going on with AS3? I have spent long nights trying to find a solution to this, but to no avail!
I read a blog where the writer went through all the steps I have and just gave up, but I know there is a solution. I have seen this sort of thing done on Flash mixer sites before (even sites with full-on audio sequencers) so I know it can be done!
Is there anything I can do to get around this problem?
Thanks in advance,
Mattmp3 files can have header info at the start, in addition to dead space at the start and end. if you're certain you've removed all dead space then you should be able to compensate (reliably) for header info by using the offset parameter in the play() method (after you sound's onLoad() method executes. but you wouldn't use 80: that first parameter is in seconds, not milliseconds.
-
Problem with text/HTML item in 9.0.2
Hi
When I add a text item in Portal 9.0.2, the built in HTML editor makes changes to the HTML as entered.
Is there a way to prevent this?
Regards
HarryHi
The changing of relative to absolute is the one that bothers me. I think it also added line breaks, which caused problems with gaps appearing between images.
The other one I remember is adding <tbody> tags to a table.
I would prefer it if one could prevent the editor from making any changes in the HTML whatsoever. As an option maybe.
Is it possible to create a simple HTML item as a shared component that one could drop into any page?
Regards
Harry
What changes are you seeing?
I know that the editor converts relative links to absolute links (a bug has been logged for this and the issue is mentioned in the release notes). -
Hi I am currently working on a website for a school assignment and I have almost gotten my site done, however when I preview it ic the browser and then I maximize the the webpage moves but the ap div tags I have dont move with the rest of the page. Is there something that I can do about this? Any help would be greatly appreciated
Thanks TanyaNo. You're much better off using default CSS positioning which is none or static along with margins, padding and floats to align page elements. Tables are strictly for tabular data (spreadsheets, data sets).
If you're short on time, open one of the starter pages that comes with Dreamweaver.
File > New > Blank > HTML > Layout... 1 or 2-col, fixed, centered... This will serve as a framework you can drop your content and images into.
Good luck,
Nancy O. -
Problem with Flash in a Hide/Show Div Tag
What is the best way to handle Flash files on an HTML page
within a <div> tag you hide and show (via javascript). It
seems to reload when you hide and then show the <div> tag
when using display: block.
Positioning instead (move offscreen)?
Visibility?
Other?I would say off-screen is going to give you the best
cross-platform performance. I've found visibility show/hide
prevents the swf from working in IE while hidden much like you
alluded to. Of course in mozilla browsers hide doesn't behave the
same way. -
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' :) -
Layout problem with div. on PC but ok on iPad how to fix?
hello. like the title says, im having a problem here. i im builiding my own website and am creating a page with all my personal exp. and so on. to keep it nice i created serveral div tags. here is my site:
http://www.eduweb.hhs.nl/~10071717/home.htm
when you go to the "CV" link in the left colum you will see the layout is ok, vertically. but there is way to much space between the created table (div tags)
on dreamweaver "live view" it shows fine with one line of space between the bottom of the table and the top of the text (trying to be as clear as possible).
but when i press Ctrl+F12 (prev in browser) it show like it is now.
on my iPad it shows just fine:
you know what i mean now?
here are my html codes(made them red to be clear):
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Curriculum Vitae</title>
<link href="css/main.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="wrapper">
<div id="banner">
<p>Content for id "wrapper"</p>
</div>
<div id="navigation">
<ul>
<li><a href="home.htm">home</a> </li>
</ul>
<ul>
<li><a href="bouwkunde.htm">bouwkunde</a></li>
<li><a href="cv.htm">CV</a></li>
<li><a href="werkervaringen.htm">werkervaringen</a></li>
<li><a href="mijn_werk.htm">mijn werk</a></li>
<li><a href="contact.htm">contact</a></li>
</ul>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<div id="main">
<h2>Curriculum Vitae</h2>
<p> </p>
<h6>Persoonlijk</h6>
<div id="CvPersoonlijkL">
<p>naam</p>
<p>voornaam</p>
<p>adres</p>
<p> </p>
<p>geboortedatum</p>
<p>geboorteplaats</p>
<p>telefoon</p>
<p>mobiele nummer</p>
<p>E-mail adres</p>
<p>Nationaliteit</p>
<p>Sofinummer</p>
</div>
<div id="CvPersoonlijkR">
<p>kamp</p>
<p>boris</p>
<p>Zwartendijk 31</p>
<p>2671LL, Naaldwijk</p>
<p>18-03-1991</p>
<p>Monster, Zuid-holland</p>
<p>0174-670671</p>
<p>06-55718742</p>
<p><a href="mailto:[email protected]?subject=Betreft Digitaal Portfolio">[email protected]</a></p>
<p>nederlander</p>
<p>205270621</p>
</div>
<p> </p>
<p> </p>
<p> </p>
<h6> </h6>
<h6> </h6>
<h6> </h6>
<h6> </h6>
<h6> </h6>
<h6> </h6>
<h6> </h6>
<h6> </h6>
<h6> </h6>
<h6> </h6>
<h6> </h6>
<h6> </h6>
<h6> </h6>
<h6> </h6>
<h6>opleidingen</h6>
<div id="CvOpleidingenL">
<p>MBO bouwkunde</p>
<ul>
<li>school:</li>
<li>naam richting:</li>
<li>periode:</li>
</ul>
<p> </p>
<p>HAVO</p>
<ul>
<li>school</li>
</ul>
<ul>
<li>periode</li>
</ul>
</div>
<div id="CvOpleidingR">
<p> </p>
<p>mondriaan techniek & ICT den haag</p>
<p>vormgeving ontwerp En architectuur</p>
<p>2006-2010</p>
<p> </p>
<p> </p>
<p>ISW, tiendweg, Naaldwijk </p>
<p>2003-2006</p>
</div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<h6>vaardigheden</h6>
<div id="CvVaardighedenL">
<ul>
<li>Autodesk AutoCAD 2D</li>
<li>Autodesk AutoCad 3D</li>
<li>Autodesk Revit </li>
<li>Google SketchUp</li>
<li>BouwCalc Voorcalculatie</li>
<li>PlanCalc Windows</li>
<li>Microsoft Word</li>
<li>Microsoft Excel</li>
<li>Microsoft PowerPoint</li>
<li>PC zelf</li>
</ul>
</div>
<div id="CvVaardighedenM">
<p>sterk</p>
<p>goed</p>
<p>matig</p>
<p>sterk</p>
<p>matig</p>
<p>matig</p>
<p>sterk</p>
<p>sterk</p>
<p>sterk</p>
<p>sterk </p>
</div>
<div id="CvVaardighedenR">
<p>2006-heden</p>
<p>2008-heden</p>
<p>2009-2010</p>
<p>2006-heden</p>
<p>2008-2010</p>
<p>2008-2010</p>
<p>2003-heden</p>
<p>2003-heden</p>
<p>2003-heden </p>
<p>2003-heden</p>
</div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<h6>overige informatie</h6>
<div id="CvOverigL">
<p>rijbewijs:</p>
</div>
<div id="CvOverigR">Ja, rijbewijs B sinds juli 2009</div>
</div>
</div>
</body>
</html>
i hope someone can solve this problem........... its really strange.
thanks!!
BorisAfter the end of each section of your CV you have code like below before the start of your next section/s:
<p> </p>
<p> </p>
<p> </p>
<h6> </h6><h6> </h6>
<h6> </h6>
<h6> </h6>
<h6> </h6>
<h6> </h6>
<h6> </h6>
<h6> </h6>
<h6> </h6>
<h6> </h6>
<h6> </h6>
<h6> </h6>
<h6> </h6>
<h6> </h6>
You need to delete all of that so the section/s end cleanly before the start of the next section as shown below:
<p>205270621</p>
</div>
<!-- this is the end of your first section with all the code as mentioned above deleted -->
<h6>opleidingen</h6>
<div id="CvOpleidingenL">
Then you need to add clear: both; and padding: 15px 0 7px 0; as shown below to the <h6> css:
h6 {
font-family: "BankGothic Lt BT", georgia, "times New Roman";
font-size: 12px;
color: #000;
clear: both;
padding: 15px 0 7px 0;
Maybe you are looking for
-
Hello! I recently finished a project in iMovie and I sent it to iDVD. When I preview the movie in both apps, the video is crystal clear. But when I burn it to a DVD, the video looks terrible. It is pixelated, and dark areas are blocky. Would buring t
-
Will there be forex gain or loss when you move amt from one GL to another?
Hi, Local currency Euro GL account A account currency Euro (has got an open item for usd 100) GL account B account currency Euro In the above situation if i use the post with clearing t.code f-04 to transfer the 100 us dollars from one gl account A
-
Importing Business Package more than once for different systems
Hi, We have a demo portal (EP6 SP12) connecting to various SAP systems. We want to use the same Business Package for two different systems. Is there any way to import a Business Package a second time with a different system alias, without overwriting
-
Possible to disable volume buttons - ipad?
I have a ipad2 ios7 with a volume button fault - it means the volume (down) button is randomly engaged every few seconds, resulting in the volume going to zero, but even at zero it also means the volume button activation icon is constantly flashed in
-
Hi guys, l have got an Acer Aspire One Happy 2 netbook. I have installed x86_64 version on it and everything is running fine, apart from trying to get the Broadcom wireless network led light to work. There is other posts with different wireless cards