TestMax.dk Paster
  • Forside
  • Print
  • Bookmark
  • Kontakt
  • SiteMap


infobox infobox
 

HømHøm Float!

31-03-2007 18:58:41
 
 
Muligheder (Anmeld)
Skrevet af Mulle
Kliks 584
Kategori HTML Generelt
http://mullep.dk/index83.php

Kig i source...

Kan du se den der hedder <div class="space-bottom">,
kig i CSS (http://mullep.dk/css.css) for at se hvad space-bottom gør.
Der kan du se den har en background. Kan du så se den linje som går igennem siden lige under teskten "test"
Den vil jeg gerne havde flyttet ned...
Så den kommer til at se sådan her ud > http://mullep.dk/demo/index.html eller som den originale http://mullep.dk/demo/index.htm

Jeg ved godt det er pga af float, men har prøvet med vertical-aling,overflow hidden intet har virket
There is a lot of things to think about, but nothing to worry about.
Everybody is special to your life!
Its nice to be important but it is more important to be nice.
Love is Forever but Friends are for Eternity.
Were you born to resist or be abused?

Mulle's signatur billede
 
infobox infobox


infobox infobox
 
#1Mulle(Anmeld) 31-03-2007 22:02:08
 
 
Løsningen på fejlen er i bunden!
Til dem som ikke forstår hvad jeg mener :|

Regner med folk kan se hvad jeg mener nu!

http://peecee.dk/index.ph.....305&noresize=yes
Den lille streg der er mærket med lilla/pink farve er den jeg skal havde flytte ned i bunden af den outline div. så den vil se sådan her ud http://peecee.dk/index.ph.....306&noresize=yes

Den div der giver problemet er den som hedder class="space-bottom" og den vil jeg gerne havde ned som du kan se på denne her > http://peecee.dk/index.ph.....306&noresize=yes

css.css
Læg mærke til linje 93 til 98.
body {
       margin: 10px 0px 10px 0px;
       font-size: 11px;
       font-family: Verdana, Arial, Helvetica, sans-serif;
       color: #000000;
       background-image: url('img/body.gif');
       background-color: #ffffff;
}

a:link, a:active, a:visited {
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 11px;
       font-weight: normal;
       color: #B32608;
       text-decoration: none;
       background-color: transparent;
}

a:hover {
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 11px;
       font-weight: normal;
       color: #0E85C9;
       text-decoration: none;
       background-color: transparent;
}

/* Identd */

#head {
       background-image: url('img/head.gif');
       background-repeat: no-repeat;
       width: 902px;
       height: 197px;
       margin: 2.5px auto;
       padding-bottom: 10px;
}

#content {
       padding: 2.5px 7.5px 2.5px 7.5px;
       width: 700px;
}

#navigation {
       text-align: left;
       padding: 5px 0px 5px 5px;
       width: 200px;
       overflow: hidden;
       float: right;
}

#footer {
       padding: 2.5px 7.5px 2.5px 7.5px;
       letter-spacing: 0.15px;
       line-height: 15px;
       text-align: center;
}

#liner {
       padding: 0px 1px 53% 1px;
       background-image: url('img/liner.gif');
       background-position: center;
       background-repeat: repeat-y;
       overflow: hidden;
       float: right;
}

/* Class */

.header {
       background-image: url('img/header.png');
       background-position: center;
       background-repeat: no-repeat;
       padding: 7px 0px 0px 20px;
       height: 20px;
       font-weight: bold;
}

.menu {
       list-style-type: none;
       list-style-image: url('img/list.gif');
       margin: 1.5px 0px 0px 8px;
       padding: 0px 0px 0px 18px;
}

.space-top {
       padding: 1px 0px 5px 0px;
       background-image: url('img/top.gif');
       background-position: center;
       background-repeat: no-repeat;
}

.space-bottom {
       padding: 1px 0px 5px 0px;
       background-image: url('img/bottom.gif');
       background-position: bottom center;
       background-repeat: no-repeat;
}

.outline {
       background-image: url('img/outline.gif');
       background-position: center;
       background-repeat: repeat;
       width: 924px;
       margin:10px auto;
       overflow: hidden;
}


index83.php
Læg mærke til Linje 42
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
       <head>
       <title>Mullep Blog</title>
       <link rel="stylesheet" type="text/css" href="css.css" />
       <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
       <meta http-equiv="Content-Language" content="da" />
       <!--[if IE]>
              <link rel="stylesheet" type="text/css" href="css-ie.css" />
       <![endif]-->
       </head>
       <body>
       <div class="outline">
       <div class="space-top"></div>
       <div id="head"></div>
       <div id="navigation">
       <div class="header">Menu</div>
       <ul class="menu">
       <!--<li><a href="/Side/Forside">Forside</a></li>
       <li><a href="/Side/Blog">Blog</a></li>
       <li><a href="/Side/Undertegnede">Undertegnede</a></li>
       <li><a href="/Side/CV">Mit CV</a></li>
       <li><a href="/Side/Portfolio">Portfolio</a></li>
       <li><a href="/Side/Kontakt">Kontakt</a></li>
       <li><a href="/Side/Links">Links</a></li>
       <li><a href="/Side/Gaestebog">G&aelig;stebog</a></li>-->
       <li><a href="#space-top">Forside</a></li>
       <li><a href="#space-top">Blog</a></li>
       <li><a href="#space-top">Undertegnede</a></li>
       <li><a href="#space-top">Mit CV</a></li>
       <li><a href="#space-top">Portfolio</a></li>
       <li><a href="#space-top">Kontakt</a></li>
       <li><a href="#space-top">Links</a></li>
       <li><a href="#space-top">G&aelig;stebog</a></li>
       </ul>
       </div>
       <div id="liner"></div>
       <div id="content">
       test
       </div>
       <div class="space-bottom"></div>
       </div>
       <div class="outline">
       <div class="space-top"></div>
       <div id="footer">
       This page was created in 0.0001 seconds.<br/>
       W3C Valid: <a href="http://validator.w3.org/check/referer"><acronym title="HyperText Markup Language">XHTML</acronym> 1.0 Strict</a>, <a href="http://jigsaw.w3.org/css-validator/check/referer"><acronym title="Cascading Style Sheets">CSS</acronym> 3.0</a><br />
       Copyright &copy; 2007 Joseph Petersen - All rights reserved.
       </div>
       <div class="space-bottom"></div>
       </div>
       </body>
</html>


Jeg har fundet løsningen!
       <div class="outline">
       <div class="space-top"></div>
       <div id="head"></div>
       <div id="navigation">
       <div class="header">Menu</div>
       <ul class="menu">
       <!--<li><a href="/Side/Forside">Forside</a></li>
       <li><a href="/Side/Blog">Blog</a></li>
       <li><a href="/Side/Undertegnede">Undertegnede</a></li>
       <li><a href="/Side/CV">Mit CV</a></li>
       <li><a href="/Side/Portfolio">Portfolio</a></li>
       <li><a href="/Side/Kontakt">Kontakt</a></li>
       <li><a href="/Side/Links">Links</a></li>
       <li><a href="/Side/Gaestebog">G&aelig;stebog</a></li>-->
       <li><a href="#space-top">Forside</a></li>
       <li><a href="#space-top">Blog</a></li>
       <li><a href="#space-top">Undertegnede</a></li>
       <li><a href="#space-top">Mit CV</a></li>
       <li><a href="#space-top">Portfolio</a></li>
       <li><a href="#space-top">Kontakt</a></li>
       <li><a href="#space-top">Links</a></li>
       <li><a href="#space-top">G&aelig;stebog</a></li>
       </ul>
       </div>
       <div id="liner"></div>
       <div id="content">
       test
       </div>
       <div style="clear: both;font-size:0px;"></div>
       <div class="space-bottom"></div>
       </div>

Jeg har tilføjet en > <div style="clear: both;font-size:0px;"></div> som at en eller anden sjov kun fixer lortede :P
There is a lot of things to think about, but nothing to worry about.
Everybody is special to your life!
Its nice to be important but it is more important to be nice.
Love is Forever but Friends are for Eternity.
Were you born to resist or be abused?

Mulle's signatur billede
 
infobox infobox

Påmindelse ved nyt svar

Ved at tilmelde dig automatisk påmindelse, modtager du en email så snart denne tråd bliver besvaret, dog sender vi kun en mail til dig, også selvom der er kommet flere svar, simpelthen for at spare dig for spam i din indbakke.


infobox infobox
  Svar på tråden  
   
 
 
infobox infobox

infobox infobox
  Læs dette før du sender dit indlæg!  
 
Ved tryk på send knappen accepterer du vores regelsæt som kan læses her
Praktiske informationer
Type Eksempel Resultat
Fed [b]din tekst[/b] din tekst
Kursiv [k]din tekst[/k] din tekst
Understreg [u]din tekst[/u] din tekst
Kode felt [code]din tekst[/code]
din tekst
infobox infobox