webForumDet fria alternativet

Hjälp att finputsa CSS!

HTML & CSS

14 svar · 464 visningar · startad av Kalufs

Medlem sedan aug. 2003113 inlägg
Frågan#1

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!

Medlem sedan sep. 20026 425 inlägg
#2

Testa att lägga till

{ display: block; }

till #menu först. :) Sen:

html,body { height: 101%; }

har jag för mig. Ej testat!

Medlem sedan apr. 20003 174 inlägg
#3

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]
Medlem sedan aug. 2003113 inlägg
#4

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!

http://richardpersson.se/storviksgym/

Medlem sedan apr. 2000313 inlägg
#5

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

Medlem sedan apr. 20031 660 inlägg
#6

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.

Medlem sedan apr. 2000313 inlägg
#7

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

Medlem sedan aug. 2003113 inlägg
#8

Tack martin, det fungerade!

Alltså det som är kvar...
- Få "innehall" att sträcka sig ner till sidfoten (width: * validerar/fungerar väl inte?)

CSS: http://richardpersson.se/storviksgym/stilmall.css

Medlem sedan apr. 2000313 inlägg
#9

Ja, lägg in background-image:url("bilder/innehall.gif");
i #sidan så blir det fint

Medlem sedan aug. 2003113 inlägg
#10

Haha, det tänkte jag inte på! :S

Ha en bra dag!

Medlem sedan apr. 2000313 inlägg
#11

desamma

Medlem sedan apr. 20003 174 inlägg
#12

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]-->

Medlem sedan apr. 2000313 inlägg
#13

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

Medlem sedan apr. 20003 174 inlägg
#14

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

Medlem sedan dec. 20042 245 inlägg
#15

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. :)

257 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
124 ms — deklarationer (db)
0 ms — hämta statistik (cache)
130 ms — hämta tråd, inlägg och bilagor (db)
123 ms — ändringar (db)