Avatar billede jullehansen Nybegynder
14. november 2004 - 16:33 Der er 33 kommentarer og
1 løsning

Spalter giver rod i min "div"

Hej
Kæmper med visning af spalter i en "div".
Se hvordan det ser ud på: http://www.hgc.dk/test/vedtaegt.php
Hvad er det lige der går galt?

Koden er her:
<div id="indhold">
  <h2><img src="/test/graphics/markerr.gif" alt="" width="16" height="8"><a href="/test/index.php">Forside</a>
    - Vedtægter</h2>
  <div style="text-align:center;"> <font color="#990000"> <span style="border:1px solid #990000;padding:10px 15px;font-size:13px; margin-bottom: 30px;">Klubbens
    vedtægter</span></font>
    </div>
   
    <span class="textleft">
  <p> &sect; 1 <br>
    Foreningens navn er Hammerum Gjellerup Cykel Motion, kaldet HGC. Foreningen
    er stiftet den 18. november 1999 og foreningens hjemsted er Herning Kommune.<br>
    <br>
    &sect; 2<br>
    Klubbens form&aring;l er at &oslash;ge interessen for motionscykling ved sportslige
    og selskabelige arrangementer. Klubben er medlem af DCU«s motionssektion.
    <br>
    <br>
    &sect; 3<br>
    Som medlem kan optages personer, over 18 &aring;r, der har interesse for motionscykling.<br>
    <br>
    &sect; 4<br>
    Generalforsamlingen, der er foreningens h&oslash;jeste myndighed, afholdes
    i februar m&aring;ned. Ekstraordin&aelig;r generalforsamling afholdes s&aring;fremt
    bestyrelsen sk&oslash;nner det er p&aring;kr&aelig;vet eller s&aring;fremt
    1/5 af medlemmerne skriftligt frems&aelig;tter anmodning herom til formanden.
    Generalforsamlingen indkaldes skriftligt med 14 dages varsel til hvert enkelt
    medlem. Forslag der &oslash;nskes behandlet p&aring; generalforsamlingen skal
    v&aelig;re formanden i h&aelig;nde senest 8 dage f&oslash;r generalforsamlingen.
    <br>
    <br>
    &sect; 5<br>
    Generalforsamlingen afg&oslash;r sagerne ved simpelt stemmeflertal. Hvis et
    medlem &oslash;nsker det, skal der v&aelig;re skriftlig afstemning. Der kan
    ikke stemmes ved fuldmagt. Alle medlemmer der ikke er i kontingent restance
    har stemmeret pŒ generalforsamlingen. <br>
    <br>
    &sect; 6 <br>
    Dagsorden for ordin&aelig;r generalforsamling: <br>
    1. Valg af dirigent. <br>
    2. Beretning om klubbens aktiviteter i det forl&oslash;bne &aring;r.<br>
    3. Freml&aelig;ggelse og godkendelse af det revidere regnskab <br>
    4. Behandling af indkomne forslag <br>
    5. Fasts&aelig;ttelse af kontingent <br>
    6. Valg til bestyrelsen <br>
    7. Valg af suppleanter <br>
    8. Valg af revisor og revisorsuppleant 9. Eventuelt.<br>
    </p>
    </span>
    <span class="textright">
    <p>
    &sect; 7<br>
    Foreningen ledes af en bestyrelse p&aring; 5 medlemmer. Bestyrelsen konstituerer
    sig selv med formand, kasserer og sekret&aelig;r. Alle valg til bestyrelsen
    g&aelig;lder for 2 &aring;r. I lige &aring;r v&aelig;lges 2 medlemmer og i
    ulige &aring;r v&aelig;lges 3 medlemmer. Bestyrelsen afholder m&oslash;der
    s&aring; ofte det findes n&oslash;dvendigt og er beslutningsdygtig n&aring;r
    mindst 3 bestyrelsesmedlemmer er tilstede ved et indkaldt bestyrelsesm&oslash;de.
    Ved stemmelighed er forma<br>
    <br>
    &sect; 8<br>
    Hvert &aring;r v&aelig;lges 1 revisorer og 1 revisorsuppleanter.<br>
    <br>
    &sect; 9 <br>
    Foreningens regnskabs&aring;r er kalender&aring;ret <br>
    <br>
    &sect; 10<br>
    Kontingent skal v&aelig;re indbetalt senest den 1. april der f&oslash;lger
    efter generalforsamlingen. Medlemmer der er i kontingent restance har ikke
    stemmeret p&aring; generalforsamlingen og vil blive slettet som medlem. <br>
    <br>
    &sect; 11 <br>
    Foreningens medlemmer og bestyrelsesmedlemmer h&aelig;fter ikke personligt
    for foreningens indg&aring;ede forpligtelser, men foreningen h&aelig;fter
    alene med sin formue. Foreningens medlemmer har ingen &oslash;konomiske forpligtelser
    overfor foreningen udover kontingentet. Foreningens medlemmer har ikke krav
    p&aring; foreningens formue eller anden form for udbytte. <br>
    <br>
    &sect; 12<br>
    Formanden og kasserer tegner foreningen overfor 3. mand. Foreningen kan ikke
    erhverve fast ejendom.<br>
    <br>
    &sect; 13<br>
    Oph&aelig;velse af foreningen kan kun ske p&aring; en ekstraordin&aelig;r
    generalforsamling med foreningens oph&aelig;velse som dagsorden. Til vedtagelse
    kr&aelig;ves, at halvdelen af foreningens medlemmer er m&oslash;dt og at _
    af de fremm&oslash;dte stemmer for oph&aelig;velse af foreningen. S&aring;fremt
    de f&oslash;rn&aelig;vnte betingelser ikke kan opfyldes, indkaldes til en
    ny ekstraordin&aelig;r generalforsamling, hvor oph&aelig;velse af foreningen
    kan ske med simple flertal blandt de fremm&oslash;dte medlemmer. <br>
    <br>
    &sect; 14 <br>
    Oph&aelig;ves foreningen, tilfalder foreningens formue KSU arbejdet i Hammerum
    Gjellerup. Vedtaget p&aring; den stiftende generalforsamling, den 18. november
    1999. &nbsp; </p>
    </span>
</div>
Avatar billede el-jacob Nybegynder
14. november 2004 - 16:42 #1
hehe har ikke særligt meget forstand på css, men ville bare lige sige at når man reloader ser det helt normalt ud :S
Avatar billede jullehansen Nybegynder
14. november 2004 - 17:22 #2
Hvilken browser bruger du? Jeg får ingen ændring ved reload! :o|
Avatar billede olebole Juniormester
14. november 2004 - 18:11 #3
<ole>

Hvorfor bruger du ikke en tabel til at danne spalterne med ... det er, hvad sådan en er beregnet til  :)

/mvh
</bole>
Avatar billede el-jacob Nybegynder
14. november 2004 - 18:53 #4
bruger Firefox som standard, og Explorer til netbank... brugte Firefox da jeg reloadede og det hele så blev normalt igen... tjekker lige i Explorer og ser om det også hjælper at reloade der..., men om alle omstændigheder er der noget galt for godt nok kan man bare reloade, men fejlen kommer hver gang man åbner siden via dit givne link her på siden/ åbner den i en ny tab og/eller vindue..., noget skal gøres, men hvad må jeg lade de mere øvede besvare :D
Avatar billede el-jacob Nybegynder
14. november 2004 - 19:00 #5
wow damn, et lidt værre problem man får i Explorer... det kan godt være at du umiddelbart har lavet din side til Explorer, men den virker squ bedst i Firefox :P, problemet i Explorer er at de der streger under "klubbens vedtægter" fortsætter hele vejen ned langs siden, mens det i Firefox "kun" er boxen hvor der står "Sponsorene" (som forresten staves "Sponsorerne") og "Cykel forum" er rykket ind over teksten fra højre ad, og det problem kan man jo altså i det mindste ordne ved en reload..., har nu tjekket i Explorer og problemet der kunne ikke ordnes med en reload...

Ved ikke rigtig hvad du skulle bruge disse beskrivelser til, men så kan du da i det mindste grine lidt inde i dig selv over at din side faktisk virker bedst i Firefox selv om at du rent faktisk har programeret den til Explorer...

P.S. håber at du får løst dit problem inden længe :)

MvH El Jacob
Avatar billede el-jacob Nybegynder
14. november 2004 - 19:02 #6
forresten er også selv igang med en hjemmeside ("min første") og kan godt nikke genkendende til det olebole siger... det er squ da en tabel du skal have fat i ;)

giv ole pointene.. han kom jo med svaret, jeg bekræftede det bare....
Avatar billede el-jacob Nybegynder
14. november 2004 - 19:04 #7
ved ikke i nu hvordan man laver en "usynlig" tabel (som er det som du skal bruge), men regner med at olebole ved det :)....

hehe glæder mig også selv til at få en sådan kode, da jeg kun kan finde ud af at lave "synlige" tabeller....
Avatar billede el-jacob Nybegynder
14. november 2004 - 19:06 #8
men hey du "jullehansen"... troede at PHP var utroligt indviklet og hvis man først havde fået sat sådan en side op som du har.. så viste man også hvordan man lavede en usynlig tabel, men fair nok da... fortsat held og lykke med PHP ;)
Avatar billede notes2c Nybegynder
14. november 2004 - 20:19 #9
Lav følgende ændringer så skulle det virke:
#indhold  {
    margin: 2px 155px 5px;
    min-width: 500px;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    height: 100%; /* <-- Indsæt */
}
.textright {
    width:48%;
    float:left;
    margin-left:4% !important;  /* <-- ændre */
    margin-left:2%;  /* <-- indsæt IE hack */
    background-color: #FFFFFF;
}
Avatar billede olebole Juniormester
14. november 2004 - 20:37 #10
Stadig kan man jo gøre, som W3C anbefaler: Bruge en tabel, når man skal opdele i spalter og/eller vise tabulleret tekst. Det er andre containers ikke videre egnet til  :)
Avatar billede notes2c Nybegynder
14. november 2004 - 21:05 #11
Det er et spørgsmål om tolkning. Synes ideen her fungere fint unden brug af tabeller.
Avatar billede soccerdad Nybegynder
15. november 2004 - 09:36 #12
olebole >>
"Tables should not be used purely as a means to layout document content..."
http://www.w3.org/TR/html4/struct/tables.html

Du er nok blevet forvirret af en tidligere sætning på samme side: "The HTML table model allows authors to arrange data -- text, preformatted text, images, links, forms, form fields, other tables, etc. -- into rows and columns of cells."

Hvis man ikke er skrap til engelsk, kan man godt tage fejl af "arrange" (data-organisering) og "layout" (præsentation).
Avatar billede notes2c Nybegynder
15. november 2004 - 09:55 #13
soccerdad >> Mere præcis kan det siges.
Avatar billede notes2c Nybegynder
15. november 2004 - 09:56 #14
Manglede lige.

CSS er til layout.
Avatar billede notes2c Nybegynder
15. november 2004 - 10:00 #15
Vi prøver lige igen.

soccerdad >> Mere præcis kan det "ikke" siges.
Avatar billede jullehansen Nybegynder
15. november 2004 - 10:13 #16
Tak for de mange kommentare, jeg synes også bedst om CSS til layout og var derfor heller ikke gået igang med tabeller. Jeg vil lige prøve hvad du foreslår notes2c, det bliver nok først i aften.

el-jacob>> Jo, jeg synes også php er langhåret og er ikke nogen ørn til det. Det eneste jeg bruger det til er at lave flere "includes" for at få indhold i mine menuer og nyheder til at ligge i en ekstern fil ligesom CSS kode kan ligge i et eksternt style sheet.
Avatar billede olebole Juniormester
15. november 2004 - 12:50 #17
*ROTFLAMAO* ... soccerdad >> for det første: Jeg lever af dette og gør man det, må man tale, læse og skrive engelsk ligeså godt som dansk.

Fejlen er, du kikker lidt på de 10% af isbjerget, der stikker op over vandet - og tror du kender isbjerget. Det er ikke måden, du lærer at forstå W3C's rekommendationer på. Det er derimod den sikreste måde at misforstå en bunke på.

Rekommendationerne er en kort sammenfatning af W3C's arbejde - og når man forklarer komplekse sammenhænge i kort form, opstår misforståelser let. Derfor er det f.eks. nødvendigt med jurister, der har sat sig grundigt ind i lovteksterne og hele det arbejde, der ligger til grund for dem.
Ligeledes er der indenfor religion brug for teologer, der har forsket i teksternes oprindelse og den dybere mening med dem - så de kan tolkes og forstås ordentligt. Religiøse mennesker har det med at rive enkelte sætninger ud af en samlet helhed og slå andre i hovedet med dem - uagtet at det reelle indhol er blevet totalt fordrejet.

Det samme gælder i visse koderkredse. Hvis du lægger mærke til det, er det hovedsageligt folk, der _ikke_ lever af kodning/programmering, der er mest 'hysteriske' omkring CSS. CSS i forbindelse med containers er blevet det helt store buzz-fænomen, som det er pokkers trendy at beskæftige sig med - sammen med det medfølgende 'had' til tabeller.
Det er ikke holdninger, du finder i professionelle kredse. Her gør en hel del mere ud af at sætte sig ind i W3C's arbejde - og ikke kun de resulterende 'små-noter' - hvorfor den grundlæggende forståelse naturligvis er betydeligt større.

Du har store oplevelser til gode. På W3C ligger bunker af arbejdspapirer, udkast, hvidbøger og udvikler-mail-tråde, som er hele grundlaget for de sammenfatninger, der bliver udgivet som rekommendationer. Det er dér, du skal finde forståelsen for det, der står i rekommendationerne. Jeg kan varmt anbefale det .... personligt har jeg ikke brugt under 1.000 timer dér  :)

Desværre læser mange ikke-professionelle - i heldigste fald - kun rekommendationerne. Derudover er alle de mere eller mindre fejlfyldte sider på WWW om CSS desværre også yderst populære. Her messer diverse CSS-mullaher deres religiøse misforståelser ud over nettet, med kedelige og næsten uudryddelige misforståelser til følge.

Prøv at læse lidt mere på W3C, så vil du for det første opdage, at de gang på gang skriver, at tabeller _ikke_ er på vej ud - men at de fortsat vil være tilgængelige på lige fod med andre elementer. Primært fordi, tabellen er det bedst egnede element til tabulleret tekst og spalte-dannelse.
Det, man ønsker at undgå, er de store indviklede tabel-helveder med bunker af nestede tabeller, der bliver holdt på plads af et hav af transparente gif'er. Dét er dårligt design ... i modsætning til at bruge de elementer, der er bedst til et givet formål  ;o)

Det er rigtig kært af dig at være bekymret for min tilstand, men jeg kan berolige dig med, jeg ikke er spor forvirret ... tværtimod  ;o)
/mvh
Avatar billede soccerdad Nybegynder
15. november 2004 - 13:21 #18
olebole >> Og jeg konstaterer blot, at du ikke tilbageviste min kommentar. Jeg finder dit meget lange "de mener ikke det, de skriver i standarderne" ganske uprofessionelt. Det ville ikke blive accepteret ret mange steder. Skal vi fx. lave fri fortolkning af Normerne for brobyggeri?

Jeg går iøvrigt ud fra du mener *ROTFLMAO*.
Avatar billede olebole Juniormester
15. november 2004 - 13:35 #19
Hehe ... Hvis du får "de mener ikke det, de skriver i standarderne" ud af det, jeg skrev, kan jeg sandelig godt forstå, du mener, engelsk kan stå i vejen for forståelsen.
Nu ved jeg ikke, hvorfra du har fået at vide, hvad der kan betragtes som professionelt og hvad der ikke kan. Jeg prøvede blot at beskrive, hvordan professionelle arbejder. Om du så finder det professionelt ... tjaahh ... det bør vel ikke bekymre nogen  :)

Men det glæder mig, at du til gengæld er så seriøs, at du kan spotte en typo - og ja, det var *ROTFLMAO* jeg mente  :D
Avatar billede soccerdad Nybegynder
15. november 2004 - 14:01 #20
Dansk volder dig også problemer, fornemmer jeg. Du kan ikke engang forstå det, du selv har skrevet. Det er lidt synd. Måske har du taget det fra en anden?

Og du har stadigvæk ikke skrevet noget som helst, der viser, at mine citater ikke er udtryk for W3C's anbefalinger. *Intet*! Du påstår at du pr. definition ved bedre, fordi du har læst i mange timer, hvilket jeg efterhånden kan se er lidt misvisende. Er sandheden ikke, olebole, at du læser meget langsomt og med ringe forståelse?
Avatar billede olebole Juniormester
15. november 2004 - 14:14 #21
Ja, det er jo utroligt, som man skal svines til, når man prøver at hjælpe visse mennesker - og spare dem for at spilde tid på uhensigtsmæssig kode.

Jeg kan ikke hjælpe dig med dine ualmindeligt rudimenterede, sociale færdigheder ... og lysten til at få dig til at forstå CSS kan ligge under en nordsvensk skovarbejders afhuggede lillefingernegl.
Religiøse fanatikere er der rigeligt af - og sjovt nok skal de altid beskytte deres fordrejede paradigmer voldsomt, aggressivt og terrier-agtigt.

Jeg synes, du skal skrive, hvad du vil - så koncentrerer jeg mig om folk, der ved lidt mere, men ikke har så tvingende behov for at være pokkers kloge  :)

Hyg dig ... and do not fear - we come in peace and won't harm your planet  ;o)
Avatar billede jullehansen Nybegynder
15. november 2004 - 23:45 #22
notes2c>>
Jeg har nu prøvet at ændre de ting du foreslog men det er ikke helt ok endnu. Ved at sætte height: 100% ind rykker det hele opad samt de andre sider får fast højde selvom der ikke er noget under teksten.
Noget andet er at jeg gerne ville have lidt luft mellem "overskriftsboxen" og brødteksten. Jeg har forsøgt med margin-bottom men det hjælper tilsyneladende ikke.
Nogen ideer?
Avatar billede notes2c Nybegynder
16. november 2004 - 00:35 #23
Har ikke så meget tid i dag, vil kigge på det i morgen.
Avatar billede jullehansen Nybegynder
16. november 2004 - 00:52 #24
ok :o)
Avatar billede notes2c Nybegynder
16. november 2004 - 09:41 #25
Drillede lidt, men prøv følgende.

Ret:
#indhold  {
    margin: 2px 155px 5px;
    min-width: 500px;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    height: auto; /* <-- ændre */
}

Ville lave denne ændring i toppen af div #indhold fra:
<div style="text-align:center;"> <font color="#990000"> <span style="border:1px solid #990000;padding:10px 15px;font-size:13px; margin-bottom: 100px;">Klubbens
    vedtægter</span></font> </div>

Til:
<div style="text-align:center; color: #900; margin-bottom: 100px;"><span style="border:1px solid #990000;padding:10px 15px;font-size:13px;">Klubbens
    vedtægter</span></div>

Tilsidst synes jeg man skal lægge en margin på h2 i toppen:
h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
    padding-left: 10px;
    font-style: normal;
    font-weight: normal;
    margin: 5px 0;  /* <-- Indsat */
}

Tror ellers ikke at jeg kan komme det meget nærmere. Håber det er tilstrækkelig.
Avatar billede jullehansen Nybegynder
16. november 2004 - 10:40 #26
Prøver i aften med dine forslag. :o)
Avatar billede jullehansen Nybegynder
16. november 2004 - 20:26 #27
notes2c>>
Så er ændringerne foretaget og det ser OK ud. Spalterne deler dog stadig div'en op, ser meget mystisk ud.
:o/
Avatar billede notes2c Nybegynder
16. november 2004 - 20:39 #28
Hey glemte lige at sige:

Sæt lige denne som det allersidste i div

<div id="indhold">
...
...
...
<div style="clear: both;">&nbsp;</div> <!-- Indsæt -->
</div>
Avatar billede notes2c Nybegynder
16. november 2004 - 22:34 #29
jullehansen >> Denne div er vigtig, for det er den som adskiller div'erne
Avatar billede notes2c Nybegynder
16. november 2004 - 22:35 #30
Beklager at jeg glemte den i første omgang.
Avatar billede jullehansen Nybegynder
16. november 2004 - 23:35 #31
Det ser kanon ud, tusind tak for hjælpen.
:o))
Avatar billede jullehansen Nybegynder
16. november 2004 - 23:37 #32
Sorry, glemte at acceptere svar.
:o)
Avatar billede notes2c Nybegynder
16. november 2004 - 23:41 #33
Velbekommen :o)
Avatar billede el-jacob Nybegynder
17. november 2004 - 22:01 #34
Kan lige bekræfte at det også ser fint/normalt ud i Firefox nu...
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