15. december 2013 - 15:46
Der er
17 kommentarer
Opsætning CSS og HTML
Hej alle
På denne side, som jeg har lavet for mange år siden, ligger baren med oversigtlinks ikke under den øverste bjælke i de nyere IE-versioner.
Er der nogen, der kan fortælle, hvad fejlen er, og hvordan den løses - gerne med et let indgreb/ændring i koden?
www.brh-advokater.dk På forhånd tak.
Med venlig hilsen
Thomas
Annonceindlæg fra Infor
15. december 2013 - 17:37
#1
linie 22 i css; #menu, #tdmenulinje { height: 19px; width: 100%; background-color: #FBE6F2; } Du kan ikke sætte height på en række, men en celle. vh /J
15. december 2013 - 17:49
#2
Tak for det Jacob. Jeg kan formentlig først kontrollere dit svar næste weekend. Ud over at du (formentlig) har identificeret fejlen, har du så et løsningsforslag, som vil sikre at bjælken lægger sig lige under øverste røde sidehoved, men sådan at det øvrige på siden ikke ændres, herunder at menulinjens højde ikke ændres? For jeg tror jeg har sat højden på for netop at få en fast højde på menulinjen. Med Venlig hilsen Thomas
15. december 2013 - 17:54
#3
Ovenstående skulle gerne hjælpe.. der er bare tilføjet til selectoren. Så den også sætter cellen til 19px højt. I værste fald; #menu, #menu td, #menu table { height: 19px; width: 100%; background-color: #FBE6F2; }
15. december 2013 - 18:04
#4
Prøv lige at smide det her i general.css, og skynd dig at teste i de forskellige browsere. Vh /J html, body { height: 100%; width: 100%; background-color: #FFFFFF; margin: 0px; padding: 0px; } /* Grundstruktur */ #side { height: 100%; width: 100%; } #top { height: 15%; width: 100%; background-color: #BC0929; } #indhold { height: 75%; width: 100%; vertical-align:top; } #menu, #menu td { height: 19px; width: 100%; background-color: #FBE6F2; } #content { height: 81%; width: 100%; } #indtab{ width: 100%; border: 0px solid #BC0929; } #bottom { height: 10%; width: 100%; background-color: #BC0929; text-align: center; } /* Tabeller */ #tablemenu { height: 100%; width: 100%; } #tdmenulinje { border-bottom: 1px solid #BC0929; } .dato { color: black; visited: black; font-family: arial; text-decoration: none; font-size: 11px; } /* Links */ a { color: black; visited: black; font-family: arial; text-decoration: none; font-size: 11px; } a:hover { color: black; visited: black; font-family: arial; text-decoration: underline; font-size: 11px; } a.masterlink:hover { font-size: 10px; font-family: arial; color: #E4E4E4; text-decoration: underline; } a.masterlink { text-decoration: none; font-size: 10px; font-family: arial; color: #E4E4E4; } /* Bottom */ span.adlogobottom { font-size: 10px; font-family: arial; color: #E4E4E4; }
15. december 2013 - 18:05
#5
Tak. Jeg kontrollerer og vender tilbage. God aften.
22. december 2013 - 15:25
#6
Hej Jokke Dit forslag virker ikke helt. Sidens main-indhold lægger sig i top-højre hjørne i det hvide område, og menulinjens indhold (links) lægger sig i højre side i menulinjen. Jeg kan rette med det samme nu, hvis du er på? Med venlig hilsen Thomas
22. december 2013 - 15:49
#7
Kan du sende FTP oplysninger gnm PM, så fikser jeg og smider svaret her.
22. december 2013 - 15:53
#8
Jokke, jeg kan ikke uden tilladelse sende FTP-login, desværre, kan vi ikke klare det på anden måde? Jeg kan sende dig alle filoplysninger i en e-mail, så kan du selv uploade det til en server, hvis du har en?
22. december 2013 - 15:57
#9
Så meget tid har jeg desværre ikke :/.. Så skal det løses med regning ~ 1 time
22. december 2013 - 16:00
#10
OK, fair nok. Det var også kun, hvis det kunne løses relativt hurtigt .... men en enkel ændring.
22. december 2013 - 16:02
#11
*med
22. december 2013 - 16:02
#12
Vil du have halvdelen af pointene for at forsøge?
22. december 2013 - 16:10
#13
Nej dem napper du bare, husk at skrive løsningen så andre kan have glæde af den.. Go jul.
22. december 2013 - 19:42
#14
Jeg ender p.t. på denne kode. html, body { height: 100%; width: 100%; background-color: #FFFFFF; margin: 0px; padding: 0px; } /* Grundstruktur */ #side { height: 100%; width: 100%; } #top { height: 15%; width: 100%; background-color: #BC0929; } #indhold { height: 75%; width: 100%; background-color: blue; vertical-align: top; } #menu { height: 19px; width: 100%; background-color: #FBE6F2; } #content { height: 81%; width: 100%; background-color: yellow; } #indtab{ width: 100%; border: 0px solid #BC0929; } #bottom { height: 10%; width: 100%; background-color: #BC0929; text-align: center; } /* Tabeller */ #tablemenu { height: 100%; width: 100%; } #tdmenulinje { border-bottom: 1px solid #BC0929; } .dato { color: black; visited: black; font-family: arial; text-decoration: none; font-size: 11px; } /* Links */ a { color: black; visited: black; font-family: arial; text-decoration: none; font-size: 11px; } a:hover { color: black; visited: black; font-family: arial; text-decoration: underline; font-size: 11px; } a.masterlink:hover { font-size: 10px; font-family: arial; color: #E4E4E4; text-decoration: underline; } a.masterlink { text-decoration: none; font-size: 10px; font-family: arial; color: #E4E4E4; } /* Bottom */ span.adlogobottom { font-size: 10px; font-family: arial; color: #E4E4E4; } Men problemet er, at jeg ikke kan få #indtab (id på en tabel) til at fylde 100 % af den række/celle, som den ligger i. # menu og #content er id'er på to <tr> (rækker), som altså ligger i #indtab-tabellen. God jul og tak for hjælpen.
22. december 2013 - 19:43
#15
Ved koden som netop er postet sidder hovedindholdet ikke centreret vertikalt på siden. Det er problemet.
22. december 2013 - 19:53
#16
Hvis man har Google crome kan man se hvordan det skal se ud på alle sider undtagen forsiden. Med venlig hilsen Thomas
23. december 2013 - 01:08
#17
Hej Jokke Smid et svar, så får du halvdelen af pointene for din tid og hjælp. Med venlig hilsen Thomas
Alle kurser indenfor Microsoft 365 – både til begyndere og øvede.