/ Forside/ Teknologi / Udvikling / HTML / Spørgsmål
Login
Glemt dit kodeord?
Brugernavn 

Kodeord  


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5306
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Problemer med opsætning af side i HTML
Fra : pnr
Vist : 346 gange
200 point
Dato : 29-03-05 09:47

Jeg er ved at opsætte et design i html men det driller mig en del! Problemet er at der ikke opføre sig ens i alle browsere!

Siden kan ses her: http://test.ibil.dk/

Problemerne er følgende:

* I IE er der scroll selv om der ikke er indhold til det.
* I NS, Mozilla osv. Fylder baggrunden til højre ikke siden højden ud. De grå baggrunde til venstre og til højre skulle også gerne fylde højden ud.

Er der nogen der kan hjælpe mig?



 
 
Kommentar
Fra : Georg2000


Dato : 29-03-05 11:43

Prøv at smide
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
ind i toppen af body'en. Så slipper du for de hvide linier rundt om de grå bokse og menuen i venstre side.

Kommentar
Fra : molokyle


Dato : 29-03-05 14:32

Ha ha... du er blot en af mange

Det er da en 'gammel' hemlighed at netscape, mozilla firefox, Opera og IE alle har deres bug's og at ingen af disse browsere 100% overholder standardene som anbefalet af http://w3.org

Tjek din kode hér : http://validator.w3.org/

Her er et par link der belyser problematikken :

1.) http://www.stopbadtherapy.com/standards.shtml
2.) http://www.klapmusen.dk/20021212

..men du mangler bla. en <title> ... </title> markør. Denne SKAL findes i ALLE html dokumenter for at koden validere korrekt.

Når du nu kun er i den indledende kodefase, vil jeg anbefale dig at holde dig til HTML4.01 strict.dtd i stedet for at vælge Transitional !DOCTYPE

Her er en side der er et must for alle webudviklere : http://www.w3schools.com/

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 29-03-05 14:44

Ps. Hvis du styrer dit layout med CSS" istedet for disse mange depricated'ede markører som Georg2000 foreslår :

http://www.w3schools.com/tags/tag_body.asp

..kommer du langt. De 'eksisterer' nemlig slet ikke mere

Mht. til CSS kommer du ikke uden om : http://webdesign101.dk/
..og i den mere avancerede afdeling : http://www.stunicholls.myby.co.uk/index.html

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 29-03-05 14:54

Øeh... glemte jeg at sige, hvis du holder dig til HTML 4.01/XHTML 1.0 strict.dtd og CSS2 er du godt adsted. Alle nyere browserne overholder netop denne standard.

Alligevel er der undtagelser/bugs i fortolkningen af CSS2, men der findes mange tweaks, hvis du støder på problemer i den retning.

</MOLOKYLE>



Kommentar
Fra : pnr


Dato : 29-03-05 15:21

Tak for jeres svar!

Men jeg synes ikke direkte at kunne spore en løsning på mit problem, Jeg har dog selv fundet ud af at hvis jeg bruger en Transitional !DOCTYPE så virker siden som den skal i alle nyere browsere! Men hvorfor bør jeg bruge HTML4.01 strict.dtd? Hvis jeg skal bruge HTML4.01 strict.dtd hvordan løser jeg så problemet?

Jeg har kigget lidt her: http://www.quirksmode.org/css/100percheight.html Men de løsningsforslag der er med HTML4.01 strict.dtd virker ikke rigtig for mig.


Kommentar
Fra : molokyle


Dato : 29-03-05 15:34

Du bør bruge strict.dtd da det eliminerer en masse kode der tolkes forskelligt af forskellige browser.

Det vil afholde dig fra bla. at bruge oncontextmenu=".." atributten i <body> (..den tolkes kun af IE)

valign=".." i <table> og de mange andre depricated'e markører og atributter, der næsten altid har med layout at gøre.

Husk : HTML handler om indhold (hvad skal der være på siden) og CSS om layout (hvor og hvordan skal HTML elementerne vises)

Måske en løsning i Javascript her : http://doxdesk.com/software/js/minmax.html ?

..og således laves en <div> der går til bunden :

Kode
<html>
<head>
<title>Til bunden DIV</title>
<script type="text/javascript" src="event.js"></script>
<script type="text/javascript" src="position.js"></script>
<style type="text/css">

body {
margin: 0; padding: 0;
position: absolute;
width: 100%; height: 100%;
font-size: 100%; /* fix truly odd IE 5.0 positioning bug! */
}

#tilbund {
position: absolute;
top: 75px; bottom: 0em;
margin-right: 100px;
background: #00ffff;
overflow: hidden;
/* Make content visible in IE5 if scripting is turned off */
height: 0em;
}
</style>
</head>
<body>
<div id="tilbund">
<br>
TEST :
<br><br>
Denne DIV går til bunden af siden !
</div>
</body>
</html>


</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 29-03-05 15:37

Ps. event.js og position.js hentes sammesteds : http://doxdesk.com/software/

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 29-03-05 15:45

Jeg kan ikke umiddelbart ellers komme på en løsning til dit problem, jeg iøvrigt selv har svært ved at gennemskue, men mon ikke du skulle droppe tabeller og bruge CSS box modellen (http://www.thenoodleincident.com/tutorials/box_lesson/index.html) i stedet ?

1.) http://www.keithjbrown.co.uk/vworks/design/design_2.shtml
2.) http://webmaster.hephey.dk/guide/45/

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 29-03-05 15:46

Ups... der kom en ) med i linket til : http://www.thenoodleincident.com/tutorials/box_lesson/index.html

</MOLOKYLE>

Kommentar
Fra : pnr


Dato : 31-03-05 10:34

Nå men jeg må heller få den her rundet af, Jeg fik dog ikke løst mit problem. Så indtil videre har jeg valgt at køre med en "løs" doctype.

Tak til molokyle for en MASSE links, men desværre ikke rigtig noget der førte til en løsning.

Kommentar
Fra : kettedk


Dato : 31-03-05 10:51

Jeg tror, at du kan løse dit problem med scrollbar'en sådan:

Kode
<body scroll="auto">


Jeg er ikke sikker på, om det virker, men det skulle det da gerne...

//Kettedk

Kommentar
Fra : pnr


Dato : 31-03-05 11:05

scroll=auto overholder ikke W3C standarden. Og den fjerner også kun scrollbaren hvis ikke der er scroll på siden.

Kommentar
Fra : molokyle


Dato : 31-03-05 11:07

scroll="..." er så vidt jeg ved en Microsoft ting, der kun virker i IE, men det er da rigtigt at scrollbaren i højre side kan fjernes med scroll="no"

</MOLOKYLE>



Kommentar
Fra : molokyle


Dato : 08-04-05 09:32

Her er en løsning på scroller problemet :

Kode
html {
overflow:hidden; /* gets rid of the scroll bars in IE6 */
}

body {
overflow:auto; /* to add scroll bars if required */
}


</MOLOKYLE>

Kommentar
Fra : pnr


Dato : 08-04-05 10:42

Det løser ikke mit problem hvad angår scroll, der må godt være scroll på min side hvis indholdet fylder så det er nødvendigt. Men på den side jeg har lagt op på nettet er der intet indhold derfor skal der heller ikke være scroll.

Kommentar
Fra : molokyle


Dato : 08-04-05 11:38

pnr -> Hvis du indsætter CSS egenskaben for overflow i BÅDE html og i body selektoren, som ovenfor nævnt, opnår du netop dette. Scrollbaren er skjult og vises KUN, hvis indholdet fylder mere end en skærmside. Var det ikke dét, der var meningen ?

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 08-04-05 11:44
Kommentar
Fra : pnr


Dato : 08-04-05 12:34

Hvis gør som du skriver forsvinder scrollbaren helt, og bliver ikke synlig hvis indholdet ikke kan være på skærmen. Jeg har lige prøvet

Kommentar
Fra : molokyle


Dato : 08-04-05 14:49

Se nu her :

Kode
<html>
<head>
<title>Auto scollbar visibility</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="Auto scollbar visibility">
<meta name="keywords" content="Auto scollbar visibility">
<meta name="author" content="molo@lite.dk">
<style type="text/css">
html {
overflow:hidden; /* gets rid of the scroll bars in IE6 */
}

body {
overflow:auto; /* to add scroll bars if required */
height:100%;
width 100%;
margin:0;
border:0;
}
</style>
</head>
<body>
<div>
Test
</div>
</body>
</html>


Ingen scrollbar , men hvis du efter <div>Test</div> indsætter f.eks en <pre> ... </pre> indeholdende tekst og en masse linjeskift ...eller blot andet indhold : Billeder, tabeller ...eller andet fyld, vil du få din scrollbar i venstre side !!!

Er testet i IE6 og virker

</MOLOKYLE>

Du har følgende muligheder
Dette spørgsmål er blevet annulleret, det er derfor ikke muligt for at tilføje flere kommentarer.
Søg
Reklame
Statistik
Spørgsmål : 176824
Tips : 31926
Nyheder : 719565
Indlæg : 6404066
Brugere : 218778

Månedens bedste
Årets bedste
Sidste års bedste