14 svar · 460 visningar · startad av Kalufs
Hej,
Håller på med en sida till mitt lokala gym och har väl snart gjort klart själva "mallen".
Här kan ni se: Hemsidan
CSS: CSS-filen
Men det vill sig inte riktigt med CSS:en.
Först och främst två saker som jag vore tacksam om ni kunde hjälpa till med...:
1. Höjden på hela sidan (div id="sidan") ska vara 100% men det fungerar inte?!
2. Menyn (div id="meny") och logon (div id="logo") (logon är i flash) hoppar ut en bit i FireFox, ser bra ut i IE.
--
Väldigt tacksam för hjälp!
Testa att lägga till
{ display: block; }
till #menu först. :) Sen:
html,body { height: 101%; }
har jag för mig. Ej testat!
1.Sätt höjden på body, html till 100%, ex.
[red]html,body {
height: 100%;
}[/red]
2. Anledningen till att det blir galet i Firefox beror nog på att du då läser in båda <object>-blocken..
Testa att dela upp dom så bara ett av dem läses in åt gången, ex.
[red]<!--[if IE]>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="185" height="145">
<param name="movie" value="logo.swf" />
<param name="quality" value="best" />
<param name="bgcolor" value="#000000" />
</object>
<![endif]-->
<!--[if !IE]>
<object data="logo.swf" width="185" height="145" type="application/x-shockwave-flash">
<param name="quality" value="best" />
<param name="bgcolor" value="#000000" />
<param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer" />
FAIL (the browser should render some flash content, not this).
</object>
<![endif]-->[/red]
Tack ska ni ha, fick till höjden och menyn och logons placering i alla fall.
Men flash-logon går det sämre med. Testade Palles kod och den fungerar i IE men i FF blir det bara svart.
Ska det verkligen vara två [if IE]:s?
- Hur får jag ner själva innehålls-diven till sidfoten så att bakgrundsbilden sträcker sig ända ner?
- Varför blir det scrollbars på sidan?
Så här ser det ut nu!
Kalufs skrev:
- Varför blir det scrollbars på sidan?
För att #sidfot är två pixlar högre än 45px (borders). Sätt margin-top till -47px i stället
HEJ!
Kalufs skrev:
Ska det verkligen vara två [if IE]:s?
Det finns ett litet tecken före som negerar uttrycket, dvs den koden gäller när det inte är IE.
Jag vågar mig inte på om man överhuvudtaget kan skriva else, därför skriver jag inget mer! :e
Fast jag har aldrig sett det.
Jajust det flashen ja. Testa att byta ut den andra flash- if:en mot:
<!--[if !IE]> <-->
grejer här
<!--> <![endif]-->
Så kanske det funkar bättre.
/ m a r t i n
Tack martin, det fungerade!
Alltså det som är kvar...
- Få "innehall" att sträcka sig ner till sidfoten (width: * validerar/fungerar väl inte?)
Ja, lägg in background-image:url("bilder/innehall.gif");
i #sidan så blir det fint
desamma
martin skrev:
Jajust det flashen ja. Testa att byta ut den andra flash- if:en mot:
<!--[if !IE]> <--> grejer här <!--> <![endif]-->Så kanske det funkar bättre.
Är det jag som ser dåligt, var det inte just det jag skrev..? ;)
Palle skrev:
<!--[if IE]>
..första
<![endif]--><!--[if !IE]>
..andra
<![endif]-->
Du ser dåligt. Titta igen
martin skrev:
<!--[if !IE]> <--> grejer här <!--> <![endif]-->
Palle skrev:
<!--[if !IE]> ..andra <![endif]-->
/ m a r t i n
martin skrev:
Du ser dåligt. Titta
Så rätt, det var detta jag var ute efter, var lite snabb där. ;)
[red]<!--[if IE]>
..första
<![endif]-->
<![if !IE]>
..andra
<![endif]>[/red]
Fler exempel finns här: http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/overview/ccomment_ovw.asp
Firefox skrev:
XML Parsing Error: not well-formed
Location: data:application/xml,<foo><![if !IE]>bar<![endif]></foo>
Line Number 1, Column 9:<foo><![if !IE]>bar<![endif]></foo>
--------^
...därför är den längre versionen att föredra. :)