Søg
Avatar billede cmau Nybegynder
25. juni 2006 - 22:33 Der er 53 kommentarer og
1 løsning

100%-22px; hvordan det?

Hejsa, jeg har lavet et design, som jeg gerne vil have til at være ldit dynamisk i størrelsen.

Jeg ved ikke om det kan lade sig gøre, men det skal være sådan at jeg har 2 div'er, hvor den ene er inde i den anden.
Den yderste sakl være:
Minimum: 782px
Maksimum 1100px
Tilpadses i procent %, alt efter hvad der passer til opløsningen.

Den inderste skal være:
Minimum 782-22px altså 760px
Maksimum 1100-22px, så skal det være procent, så den selv tilpasser sig uden brug af php, asp, javascript eller andet, bare ren html og css.

Kan man dette?

Det nuværende design kan ses på http://party.woox.dk
Avatar billede cmau Nybegynder
25. juni 2006 - 22:57 #1
Nej glemt hvad jeg skrev, vil bare høre hvordan jeg kan trække 22px fra 80%, hvis dette kan lade sig gøre?
Avatar billede cmau Nybegynder
25. juni 2006 - 23:37 #2
Har set dette; http://www.pixelcarnage.com/standards/css_percentages_minus_px_em_ex Men virker vist ikke?
Avatar billede mclemens Nybegynder
25. juni 2006 - 23:56 #3
Det kan ikke gøres endnu ... hvis du læser på siden henviser de også
til fremtidige css box modes - man bruger p.t. typisk css 1 når man
designer 2'eren er under revidering 3'eren er "under construction"

Link til hovedsiden: http://www.w3.org/Style/CSS/
- Link til 3'eren: http://www.w3.org/Style/CSS/current-work
( http://www.w3.org/TR/2005/WD-css3-layout-20051215/ )

Og: http://www.w3.org/TR/2002/WD-css3-box-20021024/#the-box-width
Uddrag: [ Yet another possibility: Introducing simple expressions can also solve the same problem, but in a different way: BUTTON { border: 2px solid; width: 10% - 2 * 2px } ]

... så Javascript er nok vejen frem (p.t.),
da php og asp er serverside ... og da der
nok går et godt stykke tid (desværre) før
browserne understøtter css3...
Avatar billede milandt Nybegynder
26. juni 2006 - 00:13 #4
som mclemens siger er det ikke noget der kan lade sig gøre som det ser ud nu.. men er det ikke noget margin kan løse?
Avatar billede mclemens Nybegynder
26. juni 2006 - 00:22 #5
Margin tilføjes som afstand til næste element uden til elementet og så udvider pladsbehovet for element sig bare (og det ydre element kan også ske at udvide sig eller forårsage at et element til højre for ryger ned ) ...

- i nogle tilfælde kan man måske fuske med margin eller padding og så køre en
overflow:hidden; men jeg kan ikke umiddelbart se det hjælper lige her, da den
skal kunne udvide sig, og den må derfor ikke have en overflow hidden? ...

( men har dog ikke lige testet på en overflow:hidden sammen med % og
padding samt margin endnu... og påvirkningen af ydre elementer... )
Avatar billede mclemens Nybegynder
26. juni 2006 - 00:42 #6
uhm, nitte ...
Avatar billede mclemens Nybegynder
26. juni 2006 - 00:59 #7
Lidt hæslig fusk med absolute og flere div's i hinanden ... muligvis skal du wrappe i en position:relative; div evt. med overflow:hidden; og placere den anden div med absolute også ... men om det virker er altsammen et spørgsmål om design og opbygning af sitet - det afhænger af hvordan sitet skal opbygges design mæssigt ... anyhow her er noget derhen ad ... men IE understøtter ikke min-width... så det er ikke muligt for mig at løse den uden javascript - det kan godt være der er css hacks der kan :/

- De javascript alerts er kun for at måle på elementet's width :o)
... men eksemplet lyser meget af en ikke optimal løsning ...
(eller rettere den er jo ikke løst da du vil have min-width hvilket ikke understøttes - man kan selvfølgelig godt sætte en width men så kan du ikke
udvide den med % samtidig...)



<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
html,body{margin:0px;padding:0px;}
#ydrediv{background:#000;width:80%;position:relative;}
#indrediv{background:#aaa;padding-left:22px;}
#ekstradiv{position:relative;left:-22px;}
#resultatdiv{background:#888;width:100%;position:absolute;top:0px;left:0px;}
</style>

</head><body>
<div id="ydrediv">
<div id="indrediv">
<div id="ekstradiv">
<div id="resultatdiv" onclick="alert(this.offsetWidth);">
TEST denne width
</div>
</div>
</div>
</div>



<br><br><div style="width:80%;background:#555;color:#fff;" onclick="alert(this.offsetWidth);">Test width (80% width div)</div>
</body></html>
Avatar billede mclemens Nybegynder
26. juni 2006 - 01:33 #8
- det jeg mente med min-width ses i FF vs. IE med denne css rettelse:
#resultatdiv{background:#888;width:100%;min-width:760px;position:absolute;top:0px;left:0px;}
- Det hjælper også på IE så snart den klarer lidt mere css ...
det endelige resultat med minus px lader vente på sig til css3...
Avatar billede cmau Nybegynder
26. juni 2006 - 12:38 #9
mclemens
Ser meget spændende ud det der, men hvordan vil du få det med ind her?
http://party.woox.dk/test.htm

div'en main skulle være 79%

Hvor div'sene content og copyright skal være 79%-22px. Hvis dette skulle gøres med margin eller padding, hvordan så det?
Avatar billede mclemens Nybegynder
26. juni 2006 - 13:02 #10
"måske"
... #ydrediv{background:#000;width:79%;position:relative;}
^ ret evt. procent satsen her...



<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta name="TITLE" content="WooX - Version 6">
<meta name="DESCRIPTION" content="Side, med sjove og nyttige ting! Hvis du keder dig, så kig forbi eller hvis du sidder med et meget svært problem, eller gerne vil have nogle at skrive med.">
<meta name="AUTHOR" content="Dennis Drejer">
<meta name="KEYWORDS" content="nyheder,sjov,spil,sfilm,spil,games,game,hjælp,help,haelp,hjemmeside,side,html,css,php,flash,artikler,tutorials,tutorial,community,communitys,users,user,profile,profil,timer,points,point,chat,tekstchat,txtchat,textchat,tagwall,free,systems,system,javascript,script,scripts,java,programmering,programmer,programmør,grafiker,grafik,reklamer,reklame,links,link,tilføj,add">
<meta name="ROBOTS" content="ALL">
<meta name="OWNER" content="woox@woox.dk">
<meta name="SUBJECT" content="Sjov side">
<meta name="RATING" content="General">
<meta name="REVISIT-AFTER" content="7 DAYS">
<meta name="COPYRIGHT" content="Dennis Drejer">
<meta name="LANGUAGE" content="dan">

<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="imagetoolbar" content="false">
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1">
<!--[if lt IE 7]>
<script type="text/javascript" src="pngfix.js"></script>
<![endif]-->
<style type="text/css">
            <!--
            html, body {
                background-color:#DCF1A3;
                background-image:url('images/bg.png');
                background-repeat:repeat-x;
                background-position:50% 0%;
                margin:0px;
                padding:0px;
                font:11px verdana, sans-serif;
                line-height:140%;
                color:#fff;
            }
            table, td {
                border:0px;
                border-collapse:collapse;
            }
            form , p {
                padding:0px;
                margin:0px;
            }
            A:link {
                text-decoration:underline;
                color:#fff;
            }
            A:active {
                text-decoration:underline;
                color:#fff;
            }
            A:visited {
                text-decoration:underline;
                color:#fff;
            }
            A:hover {
                text-decoration:none;
                color:#fff;
            }
            input, select, option {
                font:11px tahoma, sans-serif;
                width:110px;
            }
            textarea {
                font:11px tahoma, sans-serif;
                width:180px;
            }
            h1,h2,h3,h4,h5 {
                font-size:19px;
                letter-spacing:1px;
                margin:0px;
                padding:0px;
                font:30px Impact, sans-serif;
            }
            h1 {
                text-align:center;
            }
            #main {
width:100%;position:relative;top:0px;left:0px;
                background-color:#583604;
                text-align:center;
            }
            #content {
                margin:0px auto;
                position:relative;
                width:100%;
                background-color:#846331;
            }
            #top {
                position:relative;
            }
            #copyright {
              margin:0px auto;
                position:relative;
                padding:7px;
            }
            .menu {

                width:176px;
                margin-right: 10px;
                padding:7px;
                text-align:left;
                background-color:#5E4117;
                z-index:1;
                letter-spacing:1px;
                float:left;
            }
            #menucont {

                width:176px;
                padding:0px;
            }
            .menufield {
                width:176px;
                padding:7px;
                cursor:pointer;
            }
            #text {
                position:relative;
                text-align:left;
            }
.leftad {
position: absolute;
width: 140;
height: 500;
left:80%;
}


#ydrediv{background:#000;width:79%;position:relative;}
#indrediv{background:#aaa;padding-left:22px;}
#ekstradiv{position:relative;left:-22px;}


            // -->
</style>
<title>WooX - Version 6</title>
<SCRIPT type=text/javascript>
<!--
function ScrollStep() {
var windowscrolled=FindScroll()
if (windowscrolled == invitationscrolled) {return true}
if (invitationscrolled < windowscrolled-20) {PlaceInvitation(windowscrolled-20)}
var thisdistance=1
var movedistance=invitationscrolled-windowscrolled
if (movedistance > 20) {thisdistance = Math.floor(movedistance/10)}
if (windowscrolled < invitationscrolled) {thisdistance = -thisdistance}
invitationscrolled += thisdistance
PlaceInvitation(invitationscrolled)
}

function GetElement(id) {
if (document.all) {return window.document.all[id]}
else {return window.document.getElementById(id)}
}

function FindScroll() {
if (window.pageYOffset) {return window.pageYOffset}
if (document.documentElement.scrollTop) {return document.documentElement.scrollTop}
if (document.body.scrollTop) {return document.body.scrollTop}
return 0
}

function PlaceInvitation(ypos) {
invi.style.top = ypos+"px"
invitationscrolled=ypos
}

function InitInvitation() {
invi=GetElement("Invitation")
PlaceInvitation(FindScroll())
myInterval0=window.setInterval("ScrollStep()",1)
}
//-->
</SCRIPT>
</head>

<body onload="java script:InitInvitation();">
<DIV class="leftad" id=Invitation>
asdasda sdasd s asdasd asdasd s asdasda sdasd s asdasd asdasd s asdas dasdasd s asd asdasdasd s as dasdasdasd s asdas dasdasd s as asdasdasd s asda sdasdasd s asdasdasdas d s asdasdasd asd s asdasda sdasd s
</DIV>
<div id="ydrediv">
<div id="indrediv">
<div id="ekstradiv">
<div id="main">Ads by Google<br><img border="0" src="images/logo.png" style="width:100%;"alt="">

            <div id="top">
Hverdagogfest.dk | fest.i.dk | Hverdagogfest.dk | fest.i.dk | Hverdagogfest.dk | fest.i.dk | Hverdagogfest.dk | fest.i.dk | Se flere..
            </div>
            <div id="content">
                    <div class="menu">
                <div id="menucont">
                        <h1>Navigation</h1>

                        ~ <a href="index.htm">Forside</a><br>

                        ~ <a href="http://woox.dk">WooX.DK</a><br>
                        ~ <a href="index.htm">Forside</a><br>
                        ~ <a href="index.htm">Forside</a><br>
                        ~ <a href="index.htm">Forside</a><br>

                        ~ <a href="index.htm">Forside</a><br>
                        ~ <a href="index.htm">Forside</a><br>
                        ~ <a href="index.htm">Forside</a><br>
                        ~ <a href="index.htm">Forside</a><br>
                        ~ <a href="index.htm">Forside</a><br>

                        ~ <a href="index.htm">Forside</a><br>
                        ~ <a href="index.htm">Forside</a><br>
                        ~ <a href="index.htm">Forside</a><br>
                        ~ <a href="index.htm">Forside</a><br>

                        ~ <a href="index.htm">Forside</a><br>

                        ~ <a href="index.htm">Forside</a>
                    </div>
                    <br>&nbsp;<br>
                        <h1>Note</h1>

                        Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla ...
                </div>

                <div id="text">
                    <p><img src="" align="right" alt="">Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blanditrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laorerud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laorerud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laorerud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laorerud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laorerud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laorerud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laorerud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laorerud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laorerud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laorerud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laorerud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laorerud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laorerud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laorerud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laorerud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laorerud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laorerud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laorerud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laorerud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laorerud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laore eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem consequat veniam at. Tation ex volapykos iusto feugait exerci esse erat luptatum ut, et velit esse amet minim wisi aliquam. Facilisi nibh hendrerit veniam vel, diam at tation at dolor. Illum sed feugiat molestie adipiscing qui. Autem consectetuer illum odio odio blandit blandit, ea duis zzril volutpat zzril dignissim lorem. Wisi ut nostrud nulla ea.</p>
                </div>

            </div>
            <div id="copyright">

                Copyright © xParty, 2006.
            </div>
        </div>
</div></div></div>
</body>
</html>
Avatar billede mclemens Nybegynder
26. juni 2006 - 13:10 #11
[ Hvor div'sene content og copyright skal være 79%-22px.
Hvis dette skulle gøres med margin eller padding, hvordan så det? ]
- Jeg bruger padding og div's i divs ... det er dog noget "fusk"
synes jeg selv ... men det er fuldud gyldig css såååå ... :D
Avatar billede mclemens Nybegynder
26. juni 2006 - 13:15 #12
Synes dog det script får siden til at "hoppe"
meget ved scrolling så ... måske:
.leftad {
position: absolute;
width: 140;
height: 500;
left:80%;
}

->

.leftad {
position: absolute;
top:10px;
width: 140px;
right:10px;
}

og måske dette script:
http://www.eksperten.dk/spm/717389#rid6318368
- med rettelse af id selvfølgelig...
ved dog ikke om det giver samme effekt ?
Avatar billede cmau Nybegynder
26. juni 2006 - 13:30 #13
Jeg har lige prøvet at kopirer det du smed sammen, men det går vist ikke sådan lige:
Din kode: http://party.woox.dk/test.htm
Min kode: http://party.woox.dk/test1.htm

Det virker i hvert fald ikke i FF.
Avatar billede mclemens Nybegynder
26. juni 2006 - 13:45 #14
og, kigger lige på margin lidt senere - det var
den der gav lidt fejl ved den div under logoet...
Avatar billede mclemens Nybegynder
26. juni 2006 - 13:48 #15
Bedre?


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta name="TITLE" content="WooX - Version 6">
<meta name="DESCRIPTION" content="Side, med sjove og nyttige ting! Hvis du keder dig, så kig forbi eller hvis du sidder med et meget svært problem, eller gerne vil have nogle at skrive med.">
<meta name="AUTHOR" content="Dennis Drejer">
<meta name="KEYWORDS" content="nyheder,sjov,spil,sfilm,spil,games,game,hjælp,help,haelp,hjemmeside,side,html,css,php,flash,artikler,tutorials,tutorial,community,communitys,users,user,profile,profil,timer,points,point,chat,tekstchat,txtchat,textchat,tagwall,free,systems,system,javascript,script,scripts,java,programmering,programmer,programmør,grafiker,grafik,reklamer,reklame,links,link,tilføj,add">
<meta name="ROBOTS" content="ALL">
<meta name="OWNER" content="woox@woox.dk">
<meta name="SUBJECT" content="Sjov side">
<meta name="RATING" content="General">
<meta name="REVISIT-AFTER" content="7 DAYS">
<meta name="COPYRIGHT" content="Dennis Drejer">
<meta name="LANGUAGE" content="dan">

<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="imagetoolbar" content="false">
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1">
<!--[if lt IE 7]>
<script type="text/javascript" src="pngfix.js"></script>
<![endif]-->
<style type="text/css">
            <!--
            html, body {
                background-color:#DCF1A3;
                background-image:url('images/bg.png');
                background-repeat:repeat-x;
                background-position:50% 0%;
                margin:0px;
                padding:0px;
                font:11px verdana, sans-serif;
                line-height:140%;
                color:#fff;
            }
            table, td {
                border:0px;
                border-collapse:collapse;
            }
            form , p {
                padding:0px;
                margin:0px;
            }
            A:link {
                text-decoration:underline;
                color:#fff;
            }
            A:active {
                text-decoration:underline;
                color:#fff;
            }
            A:visited {
                text-decoration:underline;
                color:#fff;
            }
            A:hover {
                text-decoration:none;
                color:#fff;
            }
            input, select, option {
                font:11px tahoma, sans-serif;
                width:110px;
            }
            textarea {
                font:11px tahoma, sans-serif;
                width:180px;
            }
            h1,h2,h3,h4,h5 {
                font-size:19px;
                letter-spacing:1px;
                margin:0px;
                padding:0px;
                font:30px Impact, sans-serif;
            }
            h1 {
                text-align:center;
            }
            #main {
width:100%;position:relative;top:0px;left:0px;
                background-color:#583604;
                text-align:center;
            }
            #content {
                margin:0px auto;
                position:relative;
                width:100%;
                background-color:#846331;
            }
            #top {
                position:relative;
            }
            #copyright {
              margin:0px auto;
                position:relative;
                padding:7px;
            }
            .menu {
                position:relative;
                width:162px;
                margin-right: 0px;
                padding:7px;
                text-align:left;
                background-color:#5E4117;
                z-index:1;
                letter-spacing:1px;
                float:left;
            }
            #menucont {
                float:left;
                position:relative;
                width:176px;
                margin:10px 7px;
                padding:0px;
            }
            .menufield {
                width:176px;
                padding:7px;
                cursor:pointer;
            }
            #text {
                position:relative;
                text-align:left;
            }
.leftad {
position: absolute;
width: 140;
height: 500;
left:80%;
}


#ydrediv{background:#000;width:79%;position:relative;}
#indrediv{background:#aaa;padding-left:22px;}
#ekstradiv{position:relative;left:-22px;}


            // -->
</style>
<title>WooX - Version 6</title>
<SCRIPT type=text/javascript>
<!--
function ScrollStep() {
var windowscrolled=FindScroll()
if (windowscrolled == invitationscrolled) {return true}
if (invitationscrolled < windowscrolled-20) {PlaceInvitation(windowscrolled-20)}
var thisdistance=1
var movedistance=invitationscrolled-windowscrolled
if (movedistance > 20) {thisdistance = Math.floor(movedistance/10)}
if (windowscrolled < invitationscrolled) {thisdistance = -thisdistance}
invitationscrolled += thisdistance
PlaceInvitation(invitationscrolled)
}

function GetElement(id) {
if (document.all) {return window.document.all[id]}
else {return window.document.getElementById(id)}
}

function FindScroll() {
if (window.pageYOffset) {return window.pageYOffset}
if (document.documentElement.scrollTop) {return document.documentElement.scrollTop}
if (document.body.scrollTop) {return document.body.scrollTop}
return 0
}

function PlaceInvitation(ypos) {
invi.style.top = ypos+"px"
invitationscrolled=ypos
}

function InitInvitation() {
invi=GetElement("Invitation")
PlaceInvitation(FindScroll())
myInterval0=window.setInterval("ScrollStep()",1)
}
//-->
</SCRIPT>
</head>

<body onload="java script:InitInvitation();">
<DIV class="leftad" id=Invitation>
asdasda sdasd s asdasd asdasd s asdasda sdasd s asdasd asdasd s asdas dasdasd s asd asdasdasd s as dasdasdasd s asdas dasdasd s as asdasdasd s asda sdasdasd s asdasdasdas d s asdasdasd asd s asdasda sdasd s
</DIV>
<div id="ydrediv">
<div id="indrediv">
<div id="ekstradiv">
<div id="main">Ads by Google<br><img border="0" src="images/logo.png" style="width:100%;"alt="">

            <div id="top">
Hverdagogfest.dk | fest.i.dk | Hverdagogfest.dk | fest.i.dk | Hverdagogfest.dk | fest.i.dk | Hverdagogfest.dk | fest.i.dk | Se flere..
            </div>
            <div id="content">

                <div id="menucont">
                    <div class="menu">
                        <h1>Navigation</h1>

                        ~ <a href="index.htm">Forside</a><br>

                        ~ <a href="http://woox.dk">WooX.DK</a><br>
                        ~ <a href="index.htm">Forside</a><br>
                        ~ <a href="index.htm">Forside</a><br>
                        ~ <a href="index.htm">Forside</a><br>

                        ~ <a href="index.htm">Forside</a><br>
                        ~ <a href="index.htm">Forside</a><br>
                        ~ <a href="index.htm">Forside</a><br>
                        ~ <a href="index.htm">Forside</a><br>
                        ~ <a href="index.htm">Forside</a><br>

                        ~ <a href="index.htm">Forside</a><br>
                        ~ <a href="index.htm">Forside</a><br>
                        ~ <a href="index.htm">Forside</a><br>
                        ~ <a href="index.htm">Forside</a><br>

                        ~ <a href="index.htm">Forside</a><br>

                        ~ <a href="index.htm">Forside</a>
                    </div>
                    <br>&nbsp;<br>
                    <div class="menu">
                        <h1>Note</h1>

                        Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla ...
                </div>
                </div>


                <div id="text">
                    <p><img src="" align="right" alt="">Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blanditrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laorerud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laorerud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laorerud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laorerud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laorerud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laorerud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laorerud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laorerud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laorerud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laorerud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laorerud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laorerud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laorerud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laorerud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laorerud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laorerud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laorerud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laorerud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laorerud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laorerud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel blandit eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laore eum aliquip duis vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed vero magna tation consequat. Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet vero augue. Consequat consectetuer accumsan autem consequat veniam at. Tation ex volapykos iusto feugait exerci esse erat luptatum ut, et velit esse amet minim wisi aliquam. Facilisi nibh hendrerit veniam vel, diam at tation at dolor. Illum sed feugiat molestie adipiscing qui. Autem consectetuer illum odio odio blandit blandit, ea duis zzril volutpat zzril dignissim lorem. Wisi ut nostrud nulla ea.</p>
                </div>

            </div>
            <div id="copyright">

                Copyright © xParty, 2006.
            </div>
        </div>
</div></div></div>
</body>
</html>
Avatar billede mclemens Nybegynder
26. juni 2006 - 13:49 #16
Regner med at du vil have det grå stykke? ... altså de 22px gråt?
- ellers skal du nok pille ved baggrundsfarven ?
Avatar billede cmau Nybegynder
26. juni 2006 - 15:33 #17
Jamen hvis du ser på http://party.woox.dk kan du se at der uden om div'en content, er div'en main, som er et par px bredere end content, hvilket gør der kommer en lille border på, det er den jeg også ønsker at have på, altså main er 79% og content er 79%-8px (De f8 får jeg ved at trække 22px fra og lægge 2xpadding:7px; til).
Avatar billede mclemens Nybegynder
26. juni 2006 - 19:04 #18
Har rettet lidt i css'en er det bedre?
... ellers så kast lige et billede hvor
du viser hvordan det skal se ud...


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta name="TITLE" content="WooX - Version 6">
<meta name="DESCRIPTION" content="Side, med sjove og nyttige ting! Hvis du keder dig, så kig forbi eller hvis du sidder med et meget svært problem, eller gerne vil have nogle at skrive med.">
<meta name="AUTHOR" content="Dennis Drejer">
<meta name="KEYWORDS" content="nyheder,sjov,spil,sfilm,spil,games,game,hjælp,help,haelp,hjemmeside,side,html,css,php,flash,artikler,tutorials,tutorial,community,communitys,users,user,profile,profil,timer,points,point,chat,tekstchat,txtchat,textchat,tagwall,free,systems,system,javascript,script,scripts,java,programmering,programmer,programmør,grafiker,grafik,reklamer,reklame,links,link,tilføj,add">
<meta name="ROBOTS" content="ALL">
<meta name="OWNER" content="woox@woox.dk">
<meta name="SUBJECT" content="Sjov side">
<meta name="RATING" content="General">
<meta name="REVISIT-AFTER" content="7 DAYS">
<meta name="COPYRIGHT" content="Dennis Drejer">
<meta name="LANGUAGE" content="dan">

<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="imagetoolbar" content="false">
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1">
<!--[if lt IE 7]>
<script type="text/javascript" src="pngfix.js"></script>
<![endif]-->
<style type="text/css">
            <!--
            html, body {
                background-color:#DCF1A3;
                background-image:url('images/bg.png');
                background-repeat:repeat-x;
                background-position:50% 0%;
                margin:0px;
                padding:0px;
                font:11px verdana, sans-serif;
                line-height:140%;
                color:#fff;
            }
            table, td {
                border:0px;
                border-collapse:collapse;
            }
            form , p {
                padding:0px;
                margin:0px;
            }
            A:link {
                text-decoration:underline;
                color:#fff;
            }
            A:active {
                text-decoration:underline;
                color:#fff;
            }
            A:visited {
                text-decoration:underline;
                color:#fff;
            }
            A:hover {
                text-decoration:none;
                color:#fff;
            }
            input, select, option {
                font:11px tahoma, sans-serif;
                width:110px;
            }
            textarea {
                font:11px tahoma, sans-serif;
                width:180px;
            }
            h1,h2,h3,h4,h5 {
                font-size:19px;
                letter-spacing:1px;
                margin:0px;
                padding:0px;
                font:30px Impact, sans-serif;
            }
            h1 {
                text-align:center;
            }
            #main {
width:100%;position:relative;top:0px;left:0px;
                background-color:#583604;
                text-align:center;
            }
            #content {
                margin:0px auto;
                position:relative;
                width:100%;
                background-color:#846331;
            }
            #top {
                position:relative;
            }
            #copyright {
              margin:0px auto;
                position:relative;
                padding:7px;
            }
            .menu {
                position:relative;
                width:162px;
                margin-right: 0px;
                padding:7px;
                text-align:left;
                background-color:#5E4117;
                z-index:1;
                letter-spacing:1px;
                float:left;
            }
            #menucont {
                float:left;
                position:relative;
                width:176px;
                margin:7px 7px 3px 3px;
                padding:0px;
            }
            .menufield {
                width:176px;
                padding:7px;
                cursor:pointer;
            }
            #text {
                position:relative;
                text-align:left;
            }
.leftad {
position: absolute;
width: 140;
height: 500;
left:80%;
}


#ydrediv{background:#000;width:79%;position:relative;}
#indrediv{background:#aaa;padding-left:22px;}
#ekstradiv{position:relative;left:-22px;padding:0px 7px;background:#583604;}


            // -->
</style>
<title>WooX - Version 6</title>
<SCRIPT type=text/javascript>
<!--
function ScrollStep() {
var windowscrolled=FindScroll()
if (windowscrolled == invitationscrolled) {return true}
if (invitationscrolled < windowscrolled-20) {PlaceInvitation(windowscrolled-20)}
var thisdistance=1
var movedistance=invitationscrolled-windowscrolled
if (movedistance > 20) {thisdistance = Math.floor(movedistance/10)}
if (windowscrolled < invitationscrolled) {thisdistance = -thisdistance}
invitationscrolled += thisdistance
PlaceInvitation(invitationscrolled)
}

function GetElement(id) {
if (document.all) {return window.document.all[id]}
else {return window.document.getElementById(id)}
}

function FindScroll() {
if (window.pageYOffset) {return window.pageYOffset}
if (document.documentElement.scrollTop) {return document.documentElement.scrollTop}
if (document.body.scrollTop) {return document.body.scrollTop}
return 0
}

function PlaceInvitation(ypos) {
invi.style.top = ypos+"px"
invitationscrolled=ypos
}

function InitInvitation() {
invi=GetElement("Invitation")
PlaceInvitation(FindScroll())
myInterval0=window.setInterval("ScrollStep()",1)
}
//-->
</SCRIPT>
</head>

<body onload="java script:InitInvitation();">
<DIV class="leftad" id=Invitation>
asdasda sdasd s asdasd asdasd s asdasda sdasd s asdasd asdasd s asdas dasdasd s asd asdasdasd s as dasdasdasd s asdas dasdasd s as asdasdasd s asda sdasdasd s asdasdasdas d s asdasdasd asd s asdasda sdasd s
</DIV>
<div id="ydrediv">
<div id="indrediv">
<div id="ekstradiv">
<div id="main">Ads by Google<br><img border="0" src="images/logo.png" style="width:100%;"alt="">

            <div id="top">
Hverdagogfest.dk | fest.i.dk | Hverdagogfest.dk | fest.i.dk | Hverdagogfest.dk | fest.i.dk | Hverdagogfest.dk | fest.i.dk | Se flere..
            </div>
            <div id="content">

                <div id="menucont">
                    <div class="menu">
                        <h1>Navigation</h1>

                        ~ <a href="index.htm">Forside</a><br>

                        ~ <a href="http://woox.dk">WooX.DK</a><br>
                        ~ <a href="index.htm">Forside</a><br>
                        ~ <a href="index.htm">Forside</a><br>
                        ~ <a href="index.htm">Forside</a><br>

                        ~ <a href="index.htm">Forside</a><br>
                        ~ <a href="index.htm">Forside</a><br>
                        ~ <a href="index.htm">Forside</a><br>
                        ~ <a href="index.htm">Forside</a><br>
                        ~ <a href="index.htm">Forside</a><br>

                        ~ <a href="index.htm">Forside</a><br>
                        ~ <a href="index.htm">Forside</a><br>
                        ~ <a href="index.htm">Forside</a><br>
                        ~ <a href="index.htm">Forside</a><br>

                        ~ <a href="index.htm">Forside</a><br>

                        ~ <a href="index.htm">Forside</a>
                    </div>
                    <br>&nbsp;<br>
                    <div class="menu">
                        <h1>Note</h1>

                        Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla ...
                </div>
                </div>


                <div id="text">
                    <p><img src="" align="right" alt="">Enim ...
... h hendrerit veniam vel, diam at tation at dolor. Illum sed feugiat molestie adipiscing qui. Autem consectetuer illum odio odio blandit blandit, ea duis zzril volutpat zzril dignissim lorem. Wisi ut nostrud nulla ea.</p>
                </div>

            </div>
            <div id="copyright">

                Copyright © xParty, 2006.
            </div>
        </div>
</div></div></div>
</body>
</html>
Avatar billede cmau Nybegynder
26. juni 2006 - 20:42 #19
http://img265.imageshack.us/my.php?image=sdffg0fb.gif

Det den kant jeg gerne vil have. Altså det hele sakl se ud som på http://party.woox.dk, blot hvor siden er 79% i breden.
Avatar billede mclemens Nybegynder
26. juni 2006 - 20:57 #20
Tag en kopi af din oprindelige side og prøv med denne css del:

            html, body {
                background-color:#DCF1A3;
                background-image:url('images/bg.png');
                background-repeat:repeat-x;
                background-position:50% 0%;
                margin:0px;
                padding:0px;
                font:11px verdana, sans-serif;
                line-height:140%;
                color:#fff;
            }
            table, td {
                border:0px;
                border-collapse:collapse;
            }
            form , p {
                padding:0px;
                margin:0px;
            }
            A:link {
                text-decoration:underline;
                color:#fff;
            }
            A:active {
                text-decoration:underline;
                color:#fff;
            }
            A:visited {
                text-decoration:underline;
                color:#fff;
            }
            A:hover {
                text-decoration:none;
                color:#fff;
            }
            input, select, option {
                font:11px tahoma, sans-serif;
                width:110px;
            }
            textarea {
                font:11px tahoma, sans-serif;
                width:180px;
            }
            h1,h2,h3,h4,h5 {
                font-size:19px;
                letter-spacing:1px;
                margin:0px;
                padding:0px;
                font:30px Impact, sans-serif;
            }
            h1 {
                text-align:center;
            }






            #main {
                position:relative;
               
                width:79%;
padding:0px 7px;
                background-color:#583604;
                text-align:center;
            }
            #content {
                margin:0px auto;
                position:relative;
                padding:7px;
                width:100%;
                background-color:#846331;
            }
            #top {
                position:relative;
            }
            #copyright {
              margin:0px auto;
                position:relative;
                padding:7px;
                width:100%;
            }






            .menu {
                position:relative;
                width:162px;
                margin-right: 0px;
                padding:7px;
                text-align:left;
                background-color:#5E4117;
                z-index:1;
                letter-spacing:1px;
                float:left;
            }
            #menucont {
                float:left;
                position:relative;
                width:176px;
                margin:0px 7px 3px 0px;
                padding:0px;
            }
            .menufield {
                width:176px;
                padding:7px;
                cursor:pointer;
            }
            #text {
                position:relative;
                text-align:left;
            }
.leftad {
position: absolute;
width: 20%;
left:80%;
}




og så ret f.eks. dit logo billede til:
<img border="0" src="images/logo.png" alt="" style="width:100%;">


- ved ikke lige om defineringen af .leftad skal rettes lidt
til men det burde være noget henad det billede du kastede...
(alt det andet var kun hvis det skulle være % minus px antal)
Avatar billede cmau Nybegynder
26. juni 2006 - 21:43 #21
Nu kom vi lidt videre :)

Det ser fint ud i Opera, men stadigvæk skidt i Firefox, ved ikke med IE, da jeg ikke har dette.

I Opera:
http://img299.imageshack.us/my.php?image=opera2fq.gif

I Firefox:
http://img299.imageshack.us/my.php?image=firefox5lm.gif
Avatar billede mclemens Nybegynder
26. juni 2006 - 22:08 #22
Prøv så denne her extra css rettelse
(width:100% fjernet)...

#content {
margin:0px auto;
position:relative;
padding:7px;
background-color:#846331;
}
Avatar billede mclemens Nybegynder
26. juni 2006 - 22:18 #23
og så kører du med IE i quirks det er ikke helt godt...

Ret lige din doctype til denne:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

- Så kører IE i quirks men så skal denne css også
lige have fjernet width:100% ligesom den ovenover

            #copyright {
              margin:0px auto;
                position:relative;
                padding:7px;
            }
Avatar billede mclemens Nybegynder
26. juni 2006 - 22:18 #24
ups... - Så kører IE (ikke) i quirks men så skal denne css også
Avatar billede cmau Nybegynder
26. juni 2006 - 23:02 #25
Så nu er den der vist :D

Bortset fra, hvis du ser her: http://imageshack.dk//viewimage.php?file=/imagesfree/Ekl55513.jpg

note menuen ryger ned over copyright?
Avatar billede mclemens Nybegynder
26. juni 2006 - 23:22 #26
Her... (kørte i 800x600 px opløsning :D )
... design skulle åbenbart "cleares" så det røg under hinanden ...

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head>



<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta name="TITLE" content="WooX - Version 6">
<meta name="DESCRIPTION" content="Side, med sjove og nyttige ting! Hvis du keder dig, så kig forbi eller hvis du sidder med et meget svært problem, eller gerne vil have nogle at skrive med.">
<meta name="AUTHOR" content="Dennis Drejer">
<meta name="KEYWORDS" content="nyheder,sjov,spil,sfilm,spil,games,game,hjælp,help,haelp,hjemmeside,side,html,css,php,flash,artikler,tutorials,tutorial,community,communitys,users,user,profile,profil,timer,points,point,chat,tekstchat,txtchat,textchat,tagwall,free,systems,system,javascript,script,scripts,java,programmering,programmer,programmør,grafiker,grafik,reklamer,reklame,links,link,tilføj,add">
<meta name="ROBOTS" content="ALL">
<meta name="OWNER" content="woox@woox.dk">
<meta name="SUBJECT" content="Sjov side">
<meta name="RATING" content="General">
<meta name="REVISIT-AFTER" content="7 DAYS">
<meta name="COPYRIGHT" content="Dennis Drejer">
<meta name="LANGUAGE" content="dan">
<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="imagetoolbar" content="false">
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1"><!--[if lt IE 7]>
<script type="text/javascript" src="pngfix.js"></script>
<![endif]-->

<style type="text/css">
            <!--
            html, body {
                background-color:#DCF1A3;
                background-image:url('images/bg.png');
                background-repeat:repeat-x;
                background-position:50% 0%;
                margin:0px;
                padding:0px;
                font:11px verdana, sans-serif;
                line-height:140%;
                color:#fff;
            }
            table, td {
                border:0px;
                border-collapse:collapse;
            }
            form , p {
                padding:0px;
                margin:0px;
            }
            A:link {
                text-decoration:underline;
                color:#fff;
            }
            A:active {
                text-decoration:underline;
                color:#fff;
            }
            A:visited {
                text-decoration:underline;
                color:#fff;
            }
            A:hover {
                text-decoration:none;
                color:#fff;
            }
            input, select, option {
                font:11px tahoma, sans-serif;
                width:110px;
            }
            textarea {
                font:11px tahoma, sans-serif;
                width:180px;
            }
            h1,h2,h3,h4,h5 {
                font-size:19px;
                letter-spacing:1px;
                margin:0px;
                padding:0px;
                font:30px Impact, sans-serif;
            }
            h1 {
                text-align:center;
            }






            #main {
                position:relative;
             
                width:79%;
padding:0px 7px;
                background-color:#583604;
                text-align:center;
            }
            #content {
                margin:0px auto;

                padding:7px;

                background-color:#846331;
            }
            #top {
                position:relative;
            }





            #copyright {
              margin:0px auto;
                position:relative;
                padding:7px;clear:both;

            }






            .menu {
                position:relative;
                width:162px;
                margin-right: 0px;
                padding:7px;
margin-top:7px;
                text-align:left;
                background-color:#5E4117;
                z-index:1;
                letter-spacing:1px;
            }
            #menucont {
                float:left;
                width:176px;
                margin:0px 7px 3px 0px;

            }
            .menufield {
                width:176px;
                padding:7px;
                cursor:pointer;
            }
            #text {
                position:relative;
                text-align:left;
            }
.leftad {
position: absolute;
width: 20%;
left:80%;
}


.clearer{clear:both;}

            // -->
</style><title>WooX - Version 6</title>

<script type="text/javascript">
<!--
function ScrollStep() {
var windowscrolled=FindScroll()
if (windowscrolled == invitationscrolled) {return true}
if (invitationscrolled < windowscrolled-20) {PlaceInvitation(windowscrolled-20)}
var thisdistance=1
var movedistance=invitationscrolled-windowscrolled
if (movedistance > 20) {thisdistance = Math.floor(movedistance/10)}
if (windowscrolled < invitationscrolled) {thisdistance = -thisdistance}
invitationscrolled += thisdistance
PlaceInvitation(invitationscrolled)
}

function GetElement(id) {
if (document.all) {return window.document.all[id]}
else {return window.document.getElementById(id)}
}

function FindScroll() {
if (window.pageYOffset) {return window.pageYOffset}
if (document.documentElement.scrollTop) {return document.documentElement.scrollTop}
if (document.body.scrollTop) {return document.body.scrollTop}
return 0
}

function PlaceInvitation(ypos) {
invi.style.top = ypos+"px"
invitationscrolled=ypos
}

function InitInvitation() {
invi=GetElement("Invitation")
PlaceInvitation(FindScroll())
myInterval0=window.setInterval("ScrollStep()",1)
}

var myInterval0,invitationscrolled,invi

//-->
</script></head><body onload="java script:InitInvitation();">
<div style="top: 0px;" class="leftad" id="Invitation">
asdasda sdasd s asdasd asdasd s asdasda sdasd s asdasd asdasd s asdas
dasdasd s asd asdasdasd s as dasdasdasd s asdas dasdasd s as asdasdasd
s asda sdasdasd s asdasdasdas d s asdasdasd asd s asdasda sdasd s </div>
<div id="main">Ads by Google

            <img border="0" src="images/logo.png" alt="" style="width:100%;">
            <div id="top">
Hverdagogfest.dk | fest.i.dk | Hverdagogfest.dk | fest.i.dk |
Hverdagogfest.dk | fest.i.dk | Hverdagogfest.dk | fest.i.dk | Se
flere.. </div>
            <div id="content">
                <div id="menucont">
                    <div class="menu">
                        <h1>Navigation</h1>

                        ~ <a href="http://party.woox.dk/index.htm">Forside</a><br>
                        ~ <a href="http://woox.dk/">WooX.DK</a><br>
                        ~ <a href="http://party.woox.dk/index.htm">Forside</a><br>
                        ~ <a href="http://party.woox.dk/index.htm">Forside</a><br>
                        ~ <a href="http://party.woox.dk/index.htm">Forside</a><br>

                        ~ <a href="http://party.woox.dk/index.htm">Forside</a><br>
                        ~ <a href="http://party.woox.dk/index.htm">Forside</a><br>
                        ~ <a href="http://party.woox.dk/index.htm">Forside</a><br>
                        ~ <a href="http://party.woox.dk/index.htm">Forside</a><br>
                        ~ <a href="http://party.woox.dk/index.htm">Forside</a><br>

                        ~ <a href="http://party.woox.dk/index.htm">Forside</a><br>
                        ~ <a href="http://party.woox.dk/index.htm">Forside</a><br>
                        ~ <a href="http://party.woox.dk/index.htm">Forside</a><br>
                        ~ <a href="http://party.woox.dk/index.htm">Forside</a><br>
                        ~ <a href="http://party.woox.dk/index.htm">Forside</a><br>

                        ~ <a href="http://party.woox.dk/index.htm">Forside</a>
                    </div>
                    <div class="menu">
                        <h1>Note</h1>
                        Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla ...
                    </div>
                </div>

                <div id="text">
                    <p><img src="" alt="" align="right">Enim
eros ullamcorper nostrud consectetuer ad amet vero vero, enim
nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent
nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui
autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum
feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit
blandit duis nonsensius vero euismod veniam euismod, facilisis lorem
euismod enim accumsan ipsum velit, vel blandit eum aliquip duis
vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo
quis consequat zzril erat. Minim sed vero magna tation consequat.
Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate
praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum
dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper
aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi
suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet
vero augue. Consequat consectetuer accumsan autem Enim eros ullamcorper
nostrud consectetuer ad amet vero vero, enim nonsensius nostrud feugiat
aliquip tincidunt te amet at. Praesent nonsensius nulla illum magna eum
luptatum illum sed. Dignissim qui autem nisl eu, ullamcorper eum sed
lobortis ullamcorper lorem. Te ipsum feugiat nibh illum iriure luptatum
aliquam accumsan nisl, sit delenit blandit duis nonsensius vero euismod
veniam euismod, facilisis lorem euismod enim accumsan ipsum velit, vel
blandit eum aliquip duis vulputate aliquip consequat ea dolor,
vulputate vulputate nisl commodo quis consequat zzril erat. Minim sed
vero magna tation consequat. Nonummy delenit magna iusto feugait zzril
hendrerit sed, vulputate praesent feugiat nonsensius volutpat nostrud
veniam. Lorem te illum dignissim ullamcorper volapykos. Dignissim
dignissim ullamcorper aliquam laoreet commodo autem. Molestie. Esse
nisl at et facilisi suscipit. Nonummy nonummy feugait elit vulputate
in, facilisi diam amet vero augue. Consequat consectetuer accumsan
autem Enim eros ullamcorper nostrud consectetuer ad amet vero vero,
enim nonsensius nostrud feugiat aliquip tincidunt te amet at. Praesent
nonsensius nulla illum magna eum luptatum illum sed. Dignissim qui
autem nisl eu, ullamcorper eum sed lobortis ullamcorper lorem. Te ipsum
feugiat nibh illum iriure luptatum aliquam accumsan nisl, sit delenit
blandit duis nonsensius vero euismod veniam euismod, facilisis lorem
euismod enim accumsan ipsum velit, vel blandit eum aliquip duis
vulputate aliquip consequat ea dolor, vulputate vulputate nisl commodo
quis consequat zzril erat. Minim sed vero magna tation consequat.
Nonummy delenit magna iusto feugait zzril hendrerit sed, vulputate
praesent feugiat nonsensius volutpat nostrud veniam. Lorem te illum
dignissim ullamcorper volapykos. Dignissim dignissim ullamcorper
aliquam laoreet commodo autem. Molestie. Esse nisl at et facilisi
suscipit. Nonummy nonummy feugait elit vulputate in, facilisi diam amet
vero augue. Consequat consectetuer accumsan autem consequat veniam at.
Tation ex volapykos iusto feugait exerci esse erat luptatum ut, et
velit esse amet minim wisi aliquam. Facilisi nibh hendrerit veniam vel,
diam at tation at dolor. Illum sed feugiat molestie adipiscing qui.
Autem consectetuer illum odio odio blandit blandit, ea duis zzril
volutpat zzril dignissim lorem. Wisi ut nostrud nulla ea.</p>
                </div>

<div class="clearer"></div>

            </div><div id="copyright">Copyright © xParty, 2006.</div>
        </div>
</body></html>
Avatar billede cmau Nybegynder
27. juni 2006 - 09:04 #27
Så virker det :D
Kunne du evt forklare hvordan du fik den til at lade være? Og hvad clear:both; betyder.
Avatar billede cmau Nybegynder
27. juni 2006 - 09:12 #28
Hov.

Over menuen navigation er der 14px til kanten men over menuen note er der 7 px over.

Jeg kan få de 14 reduceret til 7, ved at fjerne margin-top:7px; fra feltet .menu, men så bliver margin over note 0px, hvordan får jeg begge til at være 7?
Avatar billede mclemens Nybegynder
27. juni 2006 - 10:44 #29
.menu {
                position:relative;
                width:162px;
                margin-right: 0px;
                padding:7px;
margin-bottom:7px;
                text-align:left;
                background-color:#5E4117;
                z-index:1;
                letter-spacing:1px;
            }

- margin-top rettet til margin-bottom ... dog vil ombruddet
af tekst linjerne altid variere afhængig af højden på dine menuer...
(du kan selvfølgelig også prøve med padding:5px;og margin-bottom:7px; istedet men det er jo lidt afhængig af hvordan det skal se ud ... evt. kan du også sætte flere id er individuelt og så evt. gøre så note har margin-bottom:3px; mens den anden har margin-bottom:7px...)
Avatar billede mclemens Nybegynder
27. juni 2006 - 10:47 #30
hov, clear:both gør så FF udvider ydre div så den matcher med floatet indre indhold ... så hvis baggrund eller f.eks. border ikke følger med i FF et sted skal man enten have clearet eller skiftet fra position:absolute til f.eks en float og en clear eller bare almindelig placering...
Avatar billede mclemens Nybegynder
27. juni 2006 - 10:47 #31
( der er selvfølgelig også clear:left; og clear:right; der kun gør at der ikke må stå noget til højre eller venstre for elementet...)
Avatar billede cmau Nybegynder
27. juni 2006 - 11:07 #32
Hvis jeg gør som du skriver her 27/06-2006 10:44:02, med den css kommer de ekstra jo blot i bunden. Så det ville jo ikke hjælpe meget.
Avatar billede cmau Nybegynder
27. juni 2006 - 11:08 #33
http://party.woox.dk/i.htm
Avatar billede mclemens Nybegynder
27. juni 2006 - 12:31 #34
Jeg gentager lige igen: Dog vil ombruddet af tekst linjerne altid variere afhængig af højden på dine menuer... hvis du kører standard tekststørrelse i Firefox så prøv evt. at sætte den en tak ned ved opløsning 800x600 - der er også kun 7px i mellemrum i bunden - men du kan ikke bryde linjen midt på...
Avatar billede mclemens Nybegynder
27. juni 2006 - 12:39 #35
Prøv f.eks. denne linje i browserlinjen og enter ... det burde vise hvad jeg mener ... men, der vil altid være variationer i ombruddet af linjer medmindre du gør designet manuelt...

java script:document.body.innerHTML=document.body.innerHTML.replace("Tation ex volapykos iusto feugait exerci esse erat luptatum ut, et","<div style='clear:both;width:100%'>Tation ex volapykos iusto feugait exerci esse erat luptatum ut, et</div>");void(0);

...
Avatar billede cmau Nybegynder
27. juni 2006 - 14:57 #36
Forstår ikke helt hvad du mener fordi hvis jeg ændre det til margin-bottom og kigger med både 1024x768, 1200x1024 og 800x600 er der 14 px i  bunden, som før var i toppen.
Avatar billede mclemens Nybegynder
27. juni 2006 - 16:38 #37
[ Forstår ikke helt hvad du mener fordi hvis jeg ændre det til margin-bottom og kigger med både 1024x768, 1200x1024 og 800x600 er der 14 px i  bunden, som før var i toppen. ] - Jeg troede egentlig at du ville prøve det jeg skrev i 27/06-2006 12:39:25 ... og det der ligger i det er ombrudningen af teksten varierer afhængig af tekst og linjestørrelsen...

- Hvis nu f.eks. vi har en blok i venstre side der er 100 px høj og floatet til venstre og så har vi 6 linjer med tekst til højre for der alle har en højde på 19px så vil du få det resultat at de ikke wrapper sammen lige under den 100px høje blok selvom blokken på 100px ikke har hverken padding eller margin tilføjet ... jeg laver lige et eksempel og så kaster jeg linjen fra 12:39:25 ind i min browser mærker tekstlinjen op og tager en screendump...

- Det er ikke en fejl, det er ikke noget man kan gøre ved - eller rettere det eneste du kan gøre er at splitte din tekst op i bidder af div hvor du f.eks. definerer

<div style="width:100%clear:both;">tekst der skal være 7px under menuen - udbedring af general browser tekstwrapping</div>

ulempen ved dette er at dit design baseret på % mister sin charme.
Avatar billede mclemens Nybegynder
27. juni 2006 - 16:39 #38
ombrudningen -> ombrydningen
Avatar billede mclemens Nybegynder
27. juni 2006 - 16:47 #39
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type"

content="text/html; charset=iso-8859-1"><title>Ingen titel</title></head><body>


<div style="width:500px;margin:0px auto;font-size:19px;line-height:19px;">

<div style="float:left;width:100px;height:100px;background:#aaa;">Div der er floatet

til venstre med 0px i margin og padding</div>
En linje med tekst - højde på tekst 19px...<br>En linje med tekst - højde på tekst

19px...<br>En linje med tekst - højde på tekst 19px...<br>En linje med tekst - højde

på tekst 19px...<br>En linje med tekst - højde på tekst 19px...<br>En linje med tekst

- højde på tekst 19px...<br>En linje med tekst - højde på tekst 19px...<br>

</div>

<br><br>

<div style="width:500px;margin:0px auto;font-size:20px;line-height:20px;">

<div style="float:left;width:100px;height:100px;background:#aaa;">Div der er floatet

til venstre med 0px i margin og padding</div>
En linje med tekst - højde på tekst 20px...<br>En linje med tekst - højde på tekst

20px...<br>En linje med tekst - højde på tekst 20px...<br>En linje med tekst - højde

på tekst 20px...<br>En linje med tekst - højde på tekst 20px...<br>En linje med tekst

- højde på tekst 20px...<br>En linje med tekst - højde på tekst 20px...<br>En linje

med tekst - højde på tekst 20px...<br>

</div>

</body></html>
Avatar billede mclemens Nybegynder
27. juni 2006 - 17:01 #40
w  -fjern mellemrum-    ww.dkif.com/users/clemens/tmp/1.gif

w  -fjern mellemrum-    ww.dkif.com/users/clemens/tmp/2.gif

w  -fjern mellemrum-    ww.dkif.com/users/clemens/tmp/3.gif
Avatar billede cmau Nybegynder
27. juni 2006 - 17:43 #41
NU jeg helt faldet af, ved ikke hvad det er du vil med teksten der?
Avatar billede cmau Nybegynder
27. juni 2006 - 17:44 #42
Tror jeg har forstået lidt af det, men så må jeg vel leve med det?
Avatar billede mclemens Nybegynder
27. juni 2006 - 18:24 #43
Jeg kan ikke sige end grunden til at der er 14 px margin under note er at der ikke er 14 px margin under note - der er 7 px ... grunden til at det ser ud som om at der er 14 px er fordi at tekststørrelsen gør at den ikke kan "ombrydes" 100% lige rundt om div din menu ... hvis du kigger på de billeder som de ser ud efter jeg har kastet den linje fra 27/06-2006 12:39:25 ind i adresselinjen og enter - så er der kun 7px op til noten ...

- Det kan ikke gøres bedre da teksten her kun
ombrydes når det ikke kan stå ud for elementet.
- Ellers skal du wrappe det ind i en div som vist i
27/06-2006 16:38:50 - Prøv evt. også at kaste indholdet
af 27/06-2006 16:47:35 ind i en html fil og åben den ...
- hvis du ikke fanger det jeg mener med tekstombrydning
vs. positionen af den enkelte tekst og tekststørrelsen ved
den illustration kan jeg desværre ikke give bedre forklaring...

Mvh, Clemme :o)
Avatar billede mclemens Nybegynder
27. juni 2006 - 18:42 #44
- Og tak for point :o)
Avatar billede kongknabe Nybegynder
29. juni 2006 - 04:58 #45
Er problemet løst ? - Og hvilke link skal man følge for at se den nyeste/færdige version ?
Avatar billede mclemens Nybegynder
29. juni 2006 - 08:45 #46
http://party.woox.dk/i.htm , og som jeg skriver til sidst sker ombruddet af teksten som den gjorde grundet standard ombrydningen af tekst se evt. fra 27/06-2006 11:07:52 og nedefter...
Avatar billede mclemens Nybegynder
29. juni 2006 - 08:52 #47
den followit div i øverste højre hjørne burde dog måske lige rettes lidt css mæssigt så den f.eks. fik right:3%; istedet for left:82%; eller måske left:80% eller ... lignende ... har dog ikke kigget på præcis placering af den ...
Avatar billede kongknabe Nybegynder
29. juni 2006 - 14:17 #48
Her hos mig er der store problemer med siden hvis browseren bliver for lille..... Når followit diven forsvinder ud af venstre side af skræmen lægger den sige oven på scrollbaren, og der kommer ikke nogen horisontal scrollbar frem heller selvom det er påkrævet...

Har en ide til hvordan man kan komme uden om dette.. skal lige se om jeg kan lave et udkast i løbet af dagen :-)
Avatar billede kongknabe Nybegynder
29. juni 2006 - 14:38 #49
Her et hurtigt udkast.... Virker i FF og hvis det er noget du vil bruge kan jeg også få det til at virke i IE tror jeg :-) - Læg mærke til hvordan den fungere når browseren bliver lille :-)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
<html>

<head>
<title>test</title>
<style>

html, body        { width: 100%;
                    height: 100%;
                    margin: 0;
                    padding:0;
                    }

#container        { min-width: 700px;
                    width: 100%;
                    height: auto;
                    margin: 0;
                    padding:0;
                    position: absolute; 
                    left: 0px;
                    }
                                       
#content_left    { background-color: #555555;
                    height: auto;
                    margin: 0;
                    padding:0;
                    position: absolute; 
                    left: 0px;
                    right: 200px
                    } 

#content_right    { background-color: #999999;
                    width: 190px;
                    height: auto;
                    margin: 0;
                    padding:0;
                    position: absolute;
                    right: 0px
                    }
                       
</style>         
</head>

<body>
<div id="container">
    <div id="content_left">
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla.
   
    Ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.
   
    Ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.
   
    Magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
   
    Aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
   
    Quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit.
   
    Consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.
   
    Magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut.
   
    Aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.
   
    Quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim.
    </div>
   
    <div id="content_right">
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla.
   
    Ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.
   
    Ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.
   
    Magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
   
    Aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
   
    Quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit.
   
    Consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.
   
    Magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut.
   
    Aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.
   
    Quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim.
   
    </div>
</div>
</body>
</html>
Avatar billede mclemens Nybegynder
29. juni 2006 - 16:45 #50
kongknabe lige et lille p.s.: Den followit div var ikke med i løsningen tidligere har lige kigget lidt tilbage - den sluttelig løsning bestod af:
26/06-2006 23:22:09 sammen med: 27/06-2006 10:44:02

... followit er en css løsning på en det javascript ... men ikke noget
jeg har implementeret det er åbenbart noget der er tilføjet senere ...

(den har åbenbart erstattet javascriptet istedet men for at bruge den skal der
pilles lidt før den virker optimalt... har dog ikke lige tid (lige p.t.) til at udvide løsningen fra de to ovennævnte indlæg så det er en css div der flytter sig istedet for det javascript der blev brugt før)
Avatar billede kongknabe Nybegynder
29. juni 2006 - 17:49 #51
Ahh, ja, havde lige overset at den div ude til højre skulle være fikseret...
Avatar billede kongknabe Nybegynder
29. juni 2006 - 18:08 #52
Hmm.. Det her er den bedste løsning jeg sådan lige umiddelbart kan komme op med.. Fungere dog ikke helt optimalt.. :-) ( Igen har jeg ikke lavet hack til IE - men det burde kunne gøres )

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
<html>

<head>
<title>test</title>
<style>

html, body        { width: 100%;
                    height: 100%;
                    margin: 0;
                    padding: 0;
                    overflow: hidden
                    }

#container        { width: 100%;
                    height: 100%;
                    margin: 0;
                    padding: 0;
                    position: absolute; 
                    left: 0px;
                    overflow: auto;
                    z-index: 1
                    }

#left_container{    width: 100%;
                    height: 100%;
                    margin: 0;
                    padding: 0px 0px 1px 0px;
                    position: absolute; 
                    left: 0px
                    }

#right_container  { width: 100%;
                    height: 100%;
                    margin: 0;
                    padding: 0;
                    position: absolute; 
                    left: 0px;
                    overflow: hidden
                    } 
                                                                             
#content_left    { background-color: #555555;
                    height: auto;
                    margin: 0px 15px 0px 0px;
                    padding:0;
                    position: absolute; 
                    left: 0px;
                    right: 200px;
                    z-index: 2
                    } 

#content_right    { background-color: #999999;
                    width: 200px;
                    height: auto;
                    margin: 0px 15px 0px 0px;
                    padding:0;
                    position: absolute;
                    right: 0px;
                    z-index: 2
                    }
                       
</style>         
</head>

<body>
<div id="container">
    <div id="left_container">
        <div id="content_left">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla.
       
        Ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.
       
        Ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.
       
        Magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
       
        Aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
       
        Quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit.
       
        Consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.
       
        Magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut.
       
        Aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.
       
        Quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim.
        </div>
      </div>
   
   
</div>
<div id="right_container">
    <div id="content_right">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla.
       
    </div>
</div>
</body>
</html>
Avatar billede cmau Nybegynder
30. juni 2006 - 23:32 #53
Kan godt være jeg er meget dum eller ikke forstår så godt, men var der flere fejl med designet? (Ikke followit boksen).

kongknabe > Hvordan skal jeg få de smidt på http://party.woox.dk/i.htm? Uden jeg kommer til at rode for meget?
Avatar billede mclemens Nybegynder
01. juli 2006 - 00:35 #54
Kan egentlig heller ikke se fejlen ved det tidligere ... læg mærke til forskellen på visningen i IE og FF med kongknabe's det er samme problem som du har p.t. ... (forskel på antal px IE vs. FF)

- Hvis vi lige skal placere den div lidt bedre så prøv det her:

#innerfollow{
                padding:4px;
                border:4px solid #583604;
                background:#846331;
margin:0px 17px 0px 6px;
}

            #followit {

                position:absolute;
                top:20px;
                z-index:1;
                width: 21%;
                left:79%;

            }


og:

    <div id="followit"><div id="innerfollow">
asdasda sdasd s asdasd asdasd s asdasda sdasd s asdasd asdasd s
asdasdasdasd s asd asdasdasd s as dasdasdasd s asdas dasdasd s as
asdasdasds asda sdasdasd s asdasdasdas d s asdasdasd asd s asdasda
sdasd s </div></div>


- Bemærk dog at der stadig er problemet med at FF reserverer pladsen til den ekstra overflow scroller mens IE ikke gør derfor er der forskel ligesom den løsning kongknabe er ved at bygge ... men jeg tror dog ikke den bliver bedrer af at blive bygget fra bunden igen ? ... Den eneste ulempe jeg umiddelbart kan se efter droppet af javascriptet til fordel for den followdiv er de omkring 19-20 px forskel der er på placeringen i IE vs. FF ...
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 14:41 To mails fra YouSee - Jeg tror ikke altid på tilfældigheder Af mort1 i Andet sikkerhed
27/0714:34 Hjælp til at kunne skanne negativer på Plustek 8300i SE Af Mariann i Foto & video
27/0713:58 Mapperne Dokumenter og Overførsler er forsvundet efter geninstallation af Win11 Af bragger i Windows
25/0713:55 Ukendt sender e-mails fra - og til min e-mail adresse Af mort1 i Andet sikkerhed
24/0711:08 Forskel mellem klokkeslet start aften slut næste morgen Af krasmussen i Excel
White papers
Flere white papers »