Avatar billede htx98i17 Professor
11. april 2010 - 08:12 Der er 30 kommentarer og
2 løsninger

simpel position af div

Jeg har følgende kode på http://test.klipper.dk

Borders er til for at orientere mig og fjernes bagefter.

<div id="menublok" >
    <div id="div_topmenuramme">
        <div id="div_topmenu">
        </div>
    </div>
</div>

#menublok {
    background-image        : url(grafik/1x66.gif);
    background-repeat        : repeat-x;
    background-color        : #b0d4f7;
    border                    : 0px solid;
    height                    : 66px;
    margin                    : 0px;
    padding                    : 0px;
    width                    : 100%;
}

#div_topmenuramme {
    border                    : 1px solid;
    height                    : 66px;
    margin                    : auto;
    padding                    : 0px;
    position                : relative;
    width                    : 976px;
}

#div_topmenu{
    border                    : 1px solid;
    height                    : 66px;
    padding                    : 0px;
    position                : absolute;
    right                    : 0px;
    bottom                    : 0px;
    width                    : 300px;
}


1. Er det korrekt at div menublok og div_topmenuramme fungerer som container block?

2. Hvordan får jeg div_topmenuramme (det mellemste div) til at nå helt til tops af div menublok?
Avatar billede htx98i17 Professor
11. april 2010 - 08:31 #1
2. Jeg fandt selv svaret. Følgende kode blev hentet gennem en php include() hvilket gjorde forskellen. Men hvorfor?
Avatar billede keysersoze Ekspert
11. april 2010 - 09:50 #2
1. En "container div" er jo ikke anderledes fra en hvilken som helst anden div - men jo, altså en div der indeholder noget andet (og det gør de fleste jo) kan vel godt kaldes en container (indeholder), jeg tror bare de fleste bruger container-betegnelsen for den absolut yderste div i en opsætning.

2. Om HTML outputtes fra en html-fil, fra en php-fil eller en php include gør ingen forskel - php fungerer kun på serveren og html kun på klienten, så om html er servergenereret eller ej gør ingen forskel. Der må have været "noget" andet, der har givet problemet.
Avatar billede htx98i17 Professor
11. april 2010 - 10:02 #3
2. men hvis jeg erstattede

<? include("fil.php"); ?>

med:

<div id="menublok" >
    <div id="div_topmenuramme">
        <div id="div_topmenu">
        </div>
    </div>
</div>

Så er der ingen problemer. Hvad kan det skyldes?

Jeg vil gerne poste hele koden her:

stylesheet.php

<?php header("Content-Type: text/css; charset=utf-8"); ?>
#A4 {
    background-color        : #FFFFFF;
    border-left                : 1px SOLID #b0d4f7;
    border-right            : 1px SOLID #b0d4f7;
    border-bottom            : 1px SOLID #b0d4f7;
    color                    : #000000;
    font-family                : Arial;
    font-size                : 10pt;
    min-height                : 600px;
    margin-left                : auto;
    margin-right            : auto;
    padding                    : 10px;
    position                : relative;
    text-align                : left;
    vertical-align            : top;
    width                    : 956px;
}

html,body {
    background-color        : #ececec;
    height                    : 100%;
    margin                    : 0px;
    padding                    : 0px;
    width                    : 100%;
}

.broed {
    border                    : 0px solid;
    width                    : 700px;
    margin                    : 0px 0px 10px 0px;
}

.div_logindbox {
    border                    : 0px solid #000000;
    float                    : right;
    letter-spacing            : 1pt;
    margin                    : 0px 0px 10px 0px;
    width                    : 105px;
    padding                    : 0px;
}

.div_logindbox_label {
    font-family                : arial;
    font-size                : 6pt;
    color                    : #CCCCCC;
    letter-spacing            : 1pt;
    margin                    : 0px 0px 10px 0px;

}

.div_logindbox:first-letter {
    font-family                : "Lucida Calligraphy";
    color                    : #e5009c;
    font-size                : 16pt;
}

h1,h2,h3,h4,h5,h6:first-line {
    border                    : 0px solid;
    color                    : #e5009c;
    font-variant            : small-caps;
    margin                    : 0px 0px 10px 0px;
}

p {
    border                    : 0px solid;
    margin                    : 0px 0px 10px 0px;
}

p:first-letter {
    font-family                : "Lucida Calligraphy";
    color                    : #e5009c;
    font-size                : 16pt;
}

input {
    border                    : 1px;
    border-color            : #CCCCCC;
    border-style            : solid;
    font-family                : arial;
    font-size                : 10pt;
    color                    : #000000;
}

input.logind {
    font-size                : 8pt;
    width                    : 100px;
    color                    : #CCCCCC;
}

input.submit {
    text-align                : center;
    width                    : 60px;
}

input:focus {
    border-color            : #000000;
    color                    : #000000;
    outline                    : 5px #e5009c dotted;
   
}

#bund {
    border                    : 0px solid;
    color                    : #CCCCCC;
    font-family                : Arial;
    font-size                : 8pt;
    margin                    : auto;
    padding                    : 5px 10px 10px;
    text-align                : center;
    width                    : 956px;   
}

#menublok {
    background-image        : url(grafik/1x66.gif);
    background-repeat        : repeat-x;
    background-color        : #b0d4f7;
    border                    : 1px solid;
    height                    : 66px;
    margin                    : 0px;
    padding                    : 0px;
    width                    : 100%;
}

#div_topmenuramme {
    border                    : 1px solid;
    height                    : 66px;
    margin                    : auto;
    padding                    : 0px;
    position                : relative;
    width                    : 976px;
}

#div_topmenu{
    border                    : 1px solid;
    height                    : 66px;
    padding                    : 0px;
    position                : absolute;
    right                    : 0px;
    bottom                    : 0px;
    width                    : 300px;
}



#indreskygge {
    background-image        : url(grafik/10x9gray.gif);
    background-repeat        : repeat-x;
    background-color        : #FFFFFF;
    border-left                : 1px SOLID #b0d4f7;
    border-right            : 1px SOLID #b0d4f7;
    height                    : 9px;
    margin-left                : auto;
    margin-right            : auto;
    padding                    : 0px;
    text-align                : center;
    width                    : 976px;
}

a.menupunkter {
    background-color        : #ececec;
    display                    : block;
    width                    : 80px;
    padding                    : 5px;
    margin                    : 5px;
    text-align                : center;
}

a.menupunkter:hover {
    background-image        : url(grafik/stjerne.gif)
}

a.menupunkter:first-letter {
    font-family                : "Lucida Calligraphy";
    color                    : #e5009c;
    font-size                : 16pt;
}

#menupunkter {
    list-style-type            : none;
    margin                    : 0px;
    padding                    : 0px;
    overflow                : hidden;   
}

li.menupunkter {
    float                    : left;
}

#reklameblok {
    background-color        : #000000;
    border                    : 0px;
    height                    : 100px;
    margin                    : 0px;
    padding                    : 0px;
    width                    : 100%;
    text-align                : center;
}

#ydreskygge {
    background-image        : url(grafik/10x9outergray.gif);
    background-repeat        : repeat-x;
    background-color        : #ececec;
    border                    : 0px;
    height                    : 9px;
    margin                    : 0px;
    padding                    : 0px;
    width                    : 100%;   
}
</code>

index.php

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd" >
<html>
    <head>
        <title>Ny side</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8">
        <link rel="stylesheet" type="text/css" href="stylesheet.php" >
    </head>

<body >

<div id="reklameblok" ><? //require("includes/inc_reklameblok.php"); ?></div>
<div id="menublok" ><? include("includes/inc_menublok.php"); ?></div>

<div id="ydreskygge" >
    <div id="indreskygge" ></div>
</div>

<div id="A4" ></div>

<div id="bund" >
    Her står det som skal stå i bunden af siden
   
</div>


</body>
</html>
Avatar billede htx98i17 Professor
11. april 2010 - 10:04 #4
Der kom lige en </code> ind som skal fjernes til sidst i stylesheet.php
Avatar billede htx98i17 Professor
11. april 2010 - 10:12 #5
og inc_menublok.php indeholder selvfølgelig:

<div id="div_topmenuramme">
    <div id="div_topmenu">
    </div>
</div>
Avatar billede zips Juniormester
11. april 2010 - 11:14 #6
Hvorfor bruger du .php på dit stylesheet når det skal være .css

Når du bruger UTF-8 så gem det uden boom, for ellers får du disse  tegn som det første på siden.

Brug <?php istedet for <? da det kun virker på server som er sat til at vise short tag, med <?php virker det på alle servere som understøtter php.
Avatar billede htx98i17 Professor
11. april 2010 - 11:19 #7
zips, tak for svar

Jeg har rettet short tag, så det lige før :)

Jeg bruger .php på mit stylesheet fordi at jeg på et tidspunkt skal bruge php i mit stylesheet.

Kan du se om de tegn (ved boom) om det er dem som er skyld i problemet? hvor ser du det henne?
Avatar billede keysersoze Ekspert
11. april 2010 - 11:20 #8
jeg vil hellere se det i funktion end se koden hvis muligt.
Avatar billede htx98i17 Professor
11. april 2010 - 11:23 #9
Zips jeg gemte filerne no-boom og det løste problemet
se http://test.klipper.dk

Det har jeg aldrig været ude for før, men jeg har selvfølgelig heller aldrig haft en include inde i en div!
Avatar billede htx98i17 Professor
11. april 2010 - 11:27 #10
Men nu viser ultraedit ikke at filerne er utf-8 mere! arg!
Ultraedit gik fra at behandler filerne som "U8-dos" til bare "dos" efter jeg gemte som "utf-8 NO-BOOM"

Må jeg spørge hvilket program i koder i? fordi jeg synes ultraedit er svær at gennemskue mht encoding.
Avatar billede zips Juniormester
11. april 2010 - 11:35 #11
Avatar billede htx98i17 Professor
11. april 2010 - 11:36 #12
Kan jeg være sikker på at det stadig er utf-8 ?

zips, hvad er det boom gør?
Avatar billede zips Juniormester
11. april 2010 - 11:41 #13
Avatar billede htx98i17 Professor
11. april 2010 - 11:42 #14
tak

Nu har jeg installeret notepad++
I præferencer har du da format til windows,unix eller mac?
Avatar billede zips Juniormester
11. april 2010 - 12:04 #15
Den stå til windows, den er som standart, dette gør det nemmest når jeg er andre steder og lige installer den for at rette noget hos en.
Avatar billede htx98i17 Professor
11. april 2010 - 12:15 #16
Ok

Jeg har forsøgt at installere FTP_Synchronize, har du installeret det?
Avatar billede htx98i17 Professor
11. april 2010 - 12:22 #17
Plugin'et FTP_synchronize :)
Avatar billede zips Juniormester
11. april 2010 - 12:51 #18
Nej det bruger jeg ikke, henter filen fra server og rettet den, derefter oploade den igen, gør dette da jeg næsten altid testet på egen maskine, har engang fået lavet et loop i en php fil som lavede en logfil på 2gb så var der ballade fra min webudbyder :-)
Avatar billede htx98i17 Professor
11. april 2010 - 12:52 #19
Når jeg prøver at download file i plugin'et skriver den
"Unable to create directory file for file C".

keyersoze -> hvilket program bruger du?
Avatar billede htx98i17 Professor
11. april 2010 - 12:53 #20
haha :) jeg har også nogle gange fået lavet et mysql kald der gik i loop og lagde mysql'en ned :))
Avatar billede keysersoze Ekspert
11. april 2010 - 13:10 #21
til .NET Visual studio, til stort set alt andet HomeSite.
Avatar billede htx98i17 Professor
11. april 2010 - 13:11 #22
er der i homesite muighed for at gemme direkte på ftp og er brugen af encoding til at gennemskue?
Avatar billede htx98i17 Professor
11. april 2010 - 13:16 #23
og nu kan det godt ske jeg spørger dumt, men HomeSite som i dreamweaver/macromedia/adobe?
Avatar billede keysersoze Ekspert
11. april 2010 - 13:20 #24
Ja, homesite er fra macromedia og det er et ældre produkt men stadig fantastisk. Det kan gemme direkte på ftp og jeg har ingen problemer med encoding.
Avatar billede htx98i17 Professor
11. april 2010 - 13:30 #25
takker

har du nogensinde haft lign problem med det spørgsmålet egentlig handlede om?

at utf-8 filer gemt med DOM giver problemer med php's indlcude() ?

Har du zips?

I må forøvrigt gerne lille svar begge to
Avatar billede htx98i17 Professor
11. april 2010 - 13:32 #26
BOM! :)
Avatar billede keysersoze Ekspert
11. april 2010 - 13:46 #27
jeg arbejder ikke i PHP så har ikke haft det problem - men som nævnt er htmlfortolkeren ligeglad med hvordan din html er kommet til verden, den kan ikke se om du har brugt php include eller ej og derfor må problemet ligge et andet sted.
Avatar billede htx98i17 Professor
11. april 2010 - 13:55 #28
i hvert fald løste det problemet at gemme uden BOM og man kunne godt forestille sig at tegnene   ville gøre noget i en div? Jeg har aldrig haft problemet i tables.
Avatar billede zips Juniormester
11. april 2010 - 13:57 #29
Her er et svar :-)

Det mest almindelige er at det bliver indsat som det første på en side og så går den i quriks mode, det er som regel det man ser mest til.
Avatar billede htx98i17 Professor
11. april 2010 - 14:03 #30
quriks mode mode? er det et nyt begreb for jeg synes ikke jeg har hørt det før for et par dage siden. Så har jeg tilgengæld også stødt på begrebet mange gange de sidste par dage.
Avatar billede htx98i17 Professor
11. april 2010 - 14:04 #31
tak for deltagelsen til jer begge
Avatar billede htx98i17 Professor
11. april 2010 - 14:16 #32
læste lige lidt her
http://www.quirksmode.org/css/quirksmode.html

Der er noget at forstå. Tror jeg opretter et spm om det senere.
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester