|
|
 | Problemer med opsætning af side i HTML
Fra :  pnr | Vist : 385 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 |
| | |
| 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 |
| | |
| Kommentar
Fra : molokyle |
Dato : 29-03-05 15:45 |
| | |
| Kommentar
Fra : molokyle |
Dato : 29-03-05 15:46 |
| | |
| 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 : 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: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.
| |
|
|