TestMax.dk Paster
  • Forside
  • Print
  • Bookmark
  • Kontakt
  • SiteMap


infobox infobox
 

Css + strækning af design

08-07-2007 20:59:08
 
 
Muligheder (Anmeld)
Skrevet af Panda
Kliks 666
Kategori HTML Generelt
Hej.

Jeg sidder og leger lidt med noget javascript og css.

Jeg har to div der vises når man trykker på en knap (De har display: none som default).

Den ene har en border, og lidt farve og sådan. Den indeholder den tekst man taster ind. Den kan godt strække

Den anden indeholder en baggrund der har width og height på 100% og et baggrundsbillede.

Problemet er at baggrunden ikke strækkes, men min div med tekst gør. Så det ser lidt mærkeligt ud.

Jeg har også det problem at width 100% ikke virker i IE. Jeg har googlet efter en løsning, men ej fundet noget jeg kunne bruge.

Det hele lyder måske lidt forvirrerende, også derfor jeg har linket til de forskellige ting :D

Selve siden: http://dumpen.dk/include/preview/ (Tryk på preview)
Javascript delen: http://dumpen.dk/include/.....script/javascript.js
Css delen: http://dumpen.dk/include/preview/css/default.css

Hvis du ikke forstår så spørg venligst ! :D
Portfolio: http://dumpen.dk

Panda's signatur billede
 
infobox infobox


infobox infobox
 
#1MortenH(Anmeld) 08-07-2007 22:18:26
 
 
hmmmm..

du burde ha smidt det hele i en zip og så som en javascript.html, men det er ok, henter selv alle delene så det er itl at teste lortet , hvilken version af IE benytter du?

har du testet i FF?


Okay, efter lidt test er jeg kommet frem til at den er gal i flg.

Firefox 2.0.0.4 (Windows/OS X)

Safari 3.0 (5522.8.3) (Windows/OS X)

Opera 9.21 Build 3678 (Windows/OS X)

Camino 1.5 (OS X)

Internet Explorer 7 (Windows)

Vil meget gerne prøve at kigge på det, tror gerne selv jeg vil benytte det..



 
infobox infobox

infobox infobox
 
#2Panda(Anmeld) 08-07-2007 23:04:55
 
 
Du får den som en zip fil i om lidt :)

Jeg bruger ie6
width 100% virker i FF
Portfolio: http://dumpen.dk

Panda's signatur billede
 
infobox infobox

infobox infobox
 
#3MortenH(Anmeld) 08-07-2007 23:07:27
 
 
Du behøver ikke zippe, jeg er i fulde sving :D

" width 100% virker i FF "

Det er skam ikke kun width den er gal med, scroolbar
koger også ved preview


Firefox: http://testmax.dk/Externa.....562/Firefox-png.aspx

http://testmax.dk/Externa...../561/camino-png.aspx

 
infobox infobox

infobox infobox
 
#4Panda(Anmeld) 08-07-2007 23:42:06
 
 
Jeg ved ikke hvorfor den scrollbar vil være der :o

Jeg synes selv jeg er sluppet nogenlunde ud af det mht til koding.

Det er ihvertifald bedre end noget af det andet jeg har lavet :D
Portfolio: http://dumpen.dk

Panda's signatur billede
 
infobox infobox

infobox infobox
 
#5MortenH(Anmeld) 08-07-2007 23:57:12
 
 
det er skam også ganske fint.

søg google efter CSS PNG Hack for Internet Explorer

IE kan have problemer hvad ang .png formater
 
infobox infobox

infobox infobox
 
#6Drax(Anmeld) 09-07-2007 07:44:43
 
 
Kan ihvertfald ikke anbefale at i bruger png endnu, browserne er desværre ikke 100% med på moden endnu, eftersom ufatteligt mange stadig bruger ældre ie og diverse browsere, og det js png fix har jeg fundet utallige bugs på desværre.

Men kommer self. an på hvad man bruger det til. og i hvilket omfang.
Administrator - TestMax.dk Stifter/Udvikler

Drax's signatur billede
 
infobox infobox

infobox infobox
 
#7MortenH(Anmeld) 09-07-2007 09:41:26
 
 
#6 Du har helt ret, dog har det altid været sådan med .png og IE..

#1 Prøv skift ud med en .gif eller .jpg
 
infobox infobox

infobox infobox
 
#8MortenH(Anmeld) 09-07-2007 10:54:57
 
 
Panda: prøv kig lidt her http://luke.breuer.com/tu.....pt-modal-dialog.aspx

Jeg har personligt valgt at benytte en lidt anden ide end din, men den er nu stadig fin..

den side der burde kunne hjælpe dig det sidste stykke og give dig de info du behøver.
 
infobox infobox

infobox infobox
 
#9Panda(Anmeld) 09-07-2007 11:22:04
 
 
Takker #8

kan godt lide denne sætning :)

"Unfortunately, IE 6.x and older gets none of this right. The following styles use CSS javascript expressions to make up for IE's retardation:"

og denne, man kan bare mærke ironien :D

"for our favorite browser, IE."

Okay små problemer:
Baggrunden virker slet ikke i IE (heller ikke uden opacity)
Jeg kan ikke scrolle når teksten er lang i Firefox, men ellers ser det da lovende ud :P

Jeg må nok se mig nødsaget til at bruge overflow: auto;

(Undskyld for de tre indlæg, de er samlet nu Drax m.m.)
Portfolio: http://dumpen.dk

Panda's signatur billede
 
infobox infobox

infobox infobox
 
#10Panda(Anmeld) 09-07-2007 11:45:26
 
 
Okay små problemer:
Baggrunden virker slet ikke i IE (heller ikke uden opacity)
Jeg kan ikke scrolle når teksten er lang i Firefox, men ellers ser det da lovende ud :P
Portfolio: http://dumpen.dk

Panda's signatur billede
 
infobox infobox

infobox infobox
 
#11Panda(Anmeld) 09-07-2007 12:04:34
 
 
Jeg må nok se mig nødsaget til at bruge overflow:auto;
Portfolio: http://dumpen.dk

Panda's signatur billede
 
infobox infobox

infobox infobox
 
#12MortenH(Anmeld) 09-07-2007 15:37:23
 
 
#6 Det er skam muligt at benytte png og alle andre formater, det handler om hvor meget css man gider sidde og lave,

gid der dog bare var std validation i alle web browsers :/ suk det ville gøre ting SÅ meget nemmere..

Panda, jeg ville update min IE til IE 7 (har du overvejet om den vises ens, om hvad folk der sidder med IE7 siger hvis den IKKE gøre) husk ALTID at validere dine ting til den NYESTE browser, virker den der og folk sidder med en gammel version, ja så er det ikke DIG der har et problem, det er folk der bør update...
 
infobox infobox

infobox infobox
 
#13Panda(Anmeld) 09-07-2007 15:58:44
 
 
Det er bare ikke særlig brugervenligt :x
Portfolio: http://dumpen.dk

Panda's signatur billede
 
infobox infobox

infobox infobox
 
#14Panda(Anmeld) 09-07-2007 16:51:55
 
 
Jeg prøvede lige at se den i IE 7, der ligner den da noget der er løgn :S

Jeg har måtte se mig nødsaget til at rippe hele dit links side og sætte mit kode ind, i stedet for omvendt :S

http://dumpen.dk/test2.php
Portfolio: http://dumpen.dk

Panda's signatur billede
 
infobox infobox

infobox infobox
 
#15MortenH(Anmeld) 09-07-2007 23:16:49
 
 
Hm ja det driller lidt,

du kunne jo bare benytte thickbox
Går udfra du kender den, ellers har jeg en version der virker som den skal
og så kan den bruges til andre sjove ting også http://testmax.dk/Externa.....565/Overlay-png.aspx

:)

 
infobox infobox

infobox infobox
 
#16Panda(Anmeld) 10-07-2007 09:11:33
 
 
Yep, lidt smukkere end mit vindue må jeg nok sige :-)

Men jeg har fundet ud af hjemmesiden ser god ud i IE6, IE7, Safari, Firefox 1.5, Firefox 2.0, Opera og (nogenlunde) IE 5.5

Så det er jo ganske udemærket!
Portfolio: http://dumpen.dk

Panda's signatur billede
 
infobox infobox

infobox infobox
 
#17MortenH(Anmeld) 10-07-2007 13:11:35
 
 
panda.. gør ting rigtigt første gang og drop de der " hovsa, det ser fint nok ud " for ja det ser fint nok ud i dag...

http://uniqz.dk/overlay/

brug det eller lad være, nu ligger det der til dig..
 
infobox infobox

Påmindelse ved nyt svar

Ved at tilmelde dig automatisk påmindelse, modtager du en email så snart denne tråd bliver besvaret, dog sender vi kun en mail til dig, også selvom der er kommet flere svar, simpelthen for at spare dig for spam i din indbakke.


infobox infobox
  Svar på tråden  
   
 
 
infobox infobox

infobox infobox
  Læs dette før du sender dit indlæg!  
 
Ved tryk på send knappen accepterer du vores regelsæt som kan læses her
Praktiske informationer
Type Eksempel Resultat
Fed [b]din tekst[/b] din tekst
Kursiv [k]din tekst[/k] din tekst
Understreg [u]din tekst[/u] din tekst
Kode felt [code]din tekst[/code]
din tekst
infobox infobox