I början av Januari 2014 låstes Whoa och du kan alltså ej logga in eller skriva något nytt i forumen. Innehåll i forum osv kommer finnas tillgängligt. Läs Mer »

HTML centrera frame

Hobby & Fritid - Datorer & Teknik

   
Hangaround

2006-01-21 12:09

HTML centrera frame

Jag haft ett problem läääänge nog nu och nu jävlar ska jag fixa till det.

Hemsida.

<div id="Layer2" style="position:absolute; left:151px; top:92px; width:56px; height:67px; z-index:2"></div>


hur skriver jag i koden för att den ska centreras, efter upplösning ??

så här har jag hett in layouten, och när jag öppnar den i explorer så ser man att den anpassas automatiskt.

<body leftmargin="center" topmargin="center">
<div align="center"><img src="layout06.jpg" width="924" height="695"> </div>



...

Är det någon som fattar hur jag menar? Jag vill att framen ska anpassas på samma sätt som bilden (layout06) .

Om någon kan hjälpa så skriv om koden här heller ja länka osv.
Puss tack tack.

och jag har kollat på webdesi..skolan osv osv.

Hangaround

2006-01-21 12:13
fel tråd kanske.

2006-01-21 12:20
margin:0 auto; i css. annars är det väl bara peta in style="margin:0 auto; i koden. det borde väl funka? jag vet inte, jag använder inte frames.
Hangaround

2006-01-21 12:26
tack, jag ska testa.
Hangaround

2006-01-21 12:30
kan du skriva hela koden tror du?
jag e så pass dålig så får inte till det.

<div id="Layer2" style="margin:0 auto; left:151px; top:92px; width:56px; height:67px; z-index:2"></div>

så heller ?
fast det funkar inte...

2006-01-21 12:36
hm, är den diven den till framen eller? isf ska det nog vara så. kan du ge mig lite mer kod :)..koden till framen alltså.
Hangaround

2006-01-21 12:38
du kan få all kod om du vill :P
Hangaround

2006-01-21 12:39
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>

<body leftmargin="center" topmargin="center">

<div id="Layer1" style="position:absolute; left:71px; top:26px; width:530px; height:447px; z-index:1"></div>
<div align="center"><img src="layout06.jpg" width="924" height="695"></div>
</body>
</html>



Det ända som finns är bilden och framen...
ENJOY :P!

2006-01-21 12:39
aa, det skulle vara nice.

2006-01-21 12:42
hm, jag kanske är lite förtrött för detta. men varför har du id på diven om du inte har någon css :D?

f.ö. vad jag kan förstå så borde väl den vara i mitten :S..

och det är lite svårt eftersom jag inte riktigt vet vad som funkar i html eller inte, jag kör med xhtml. och vad kör du med för webbläsare?

2006-01-21 13:00
oj vad jag inte orkar läsa.. så jag antar att du itne vill centrera en frame utan ett div-lager..

det gör du tyyyp genom att sätta left-margin till -hälften av bredden

så om lagret är 500 px brett så skriver du width: 500 px; left-margin: -250px;

troooor jag .. det var ett tag sen men jag har för mig att detta fungerade...
Din forumsignatur är rätt irriterande när man läser i trådarna du skriver i. Ändra till vanliga textrader är du snäll.

2006-01-21 13:02
om det är den här sidan du försöker rädda, så kommer du inte lyckas. Det är för många fel på alla sätt o vis. Gör om den igen, o läs på http://www.w3schools.com/css/

Om du ändå vill ha hjälp med den du har, behöver du hjälp att göra om den helt, o det har nog ingen lust till helt gratis...tyvärr

vill tillägga att det bara är koden som är fel. tycker den var helt ok utseendemässigt.
"Man bör inte prata med fula människor. Dom kan få för sig att det e okej att se ut så."
http://urr.nu

2006-01-21 13:16
skillz - han har antagligen ingenting med id't att göra, dreamweaver däremot tycker att ett id kan vara bra att ha...

anyways.. att centrera en div på y och x ledd som jag antar är det du vill göra, är lite knepigt.

om du, som förr, gjorde din layout med tables kunde du definera höjden på din <td> till 100% och sen ange property v-align (minns inte ens, men tror det ska stämma) till center (eller middle, dåligt minne för förlegad teknik som sagt).

om du nu ska använda divar och css så är det du vill göra att sätta egenskaperna som följer,

--KÖD--


<head>

<style type="text/css">

body {
text-align: center;
}

#layoutlayer {
position: absolute;
left: 50%;
top: 50%;
width: 924px;
height: 695px;
margin-left: -462px;
margin-top: -347px;
border: none;
}

#layout {
width: 924px;
height: 695px;
border: none;
}

</style>

</head>

<body>

<div id="layoutlayer">
<img id="layout" src="layout6.jpg">
</div>

</body>

--SLUT--

jag har dumpat "layer" två. då jag inte tror de behövs. nåväl, jag kan ha gissat för fritt vad du faktiskt ville uppnå men jag hoppas detta stämmer.

Hangaround

2006-01-21 15:50
Den funka till viss del.
Den vart centrerad osv, ända jag behövda ändra va

<img id="layout" src="layout6.jpg">

till

<img id="layout" img src="layout06.jpg">

Men nu måste jag ha en iframe som centreras tillsammasn med bilden/layouten. Eftersom Iframen ligger OVANPÅ layouten och layouten centerar sej, och jag får inte till att layouten gör det.

Så layouten anpassas medans iframen bara är kvar på ett ställe.
Jag kan fuska och fixa till det genom att bara flytta iframen till nått ställe på bilden för att få den o passa i explorer, men jag kör i 1270x1024. Så om nån annan kollar på hemdian i tex 1024x768 så blir det ju fel för dom istället.
Hangaround

2006-01-21 15:52
RÄTTAT


Den funka till viss del.
Den vart centrerad osv, ända jag behövde ändra va

<img id="layout" src="layout6.jpg">

till

<img id="layout" img src="layout06.jpg">

Men nu måste jag ha en iframe som centreras tillsammans med bilden/layouten. Eftersom Iframen ligger OVANPÅ layouten och layouten centerar sej, och jag får inte till att iframen gör det.

Så layouten anpassas medans iframen bara är kvar på ett ställe.
Jag kan fuska och fixa till det genom att bara flytta iframen till nått ställe på bilden för att få den o passa i explorer, men jag kör i 1270x1024. Så om nån annan kollar på hemsidan i tex 1024x768 så blir det ju fel för dom istället.

2006-01-21 17:56
ja, alla mått du använder ska ju helst vara relativa, alltid - i den mån det går. annars går du även på så vis tillbaka i utveckligen o bygger saker som kräver enstaka förutsättningar för att funka.

så, jag använder personligen inte frames eller iframes så vidare mycket (läs alls) längre.

i mitt tycke borde dock en nästlad (alltså placerad innanför div.layoutlayer) iframe förflytas med den (diven). kan ha fel på den punkten då jag som sagt inte är bekant med iframes och dess beteende. får du det inte att funka så går det säkert att ordna till.

testa dig fram lite, troligen finns lösningen i den koden jag skrev åt dig, du får återanvända och anpassa tills det funkar, det är ett bra sätt att lära sig och förstå. men som sagt, tänk nästlad iframe. lycka till!

2006-01-21 18:03
jens: känns konstigt att dw vill ha det, id't är ju helt odödigt att ha där :D

2006-01-21 18:08
joo.. helt klart.. men om SpT skulle börja mecka CSS externt som man mer eller mindre kan räkna som standard numer så skulle det ju genast behövas.. så jag gissar helt enkelt att det auto-genereras.. känns som det är rätt sällan man skriver något utan en id-angivelse nu för tiden.

jag vet dock inte som ett faktum att det är DW som gör så, jag har ingen större erfarenhet av det programmet..

2006-01-21 18:25
jag har inte heller så stor erfarenhet av det programmet. iofs är det de program jag använder när jag meckar sidor, men jag skriver endå all kod själv. och att göra en sida utan CSS känns jobbigt :)
Hangaround

2006-01-22 03:21
okej, jag testade en massa, sen hitta jag en lösning.
Jag tog en frame, sen satt jag ett lås på den, hedde layouten i den och sen ännu en frame som jag gjorde till iframe.
Nu kan inte den hoppa utanför den yttersat framen.

Nu e bara problemet att jag kan inte centrera den yttersta framen :P
Alltid ska det vara nått.

www.linusjohansson.info.se

2006-01-22 14:20
lösningen finns i CSSn du fick i det tidigare exemplet. vill du lära dig saker eller vill du bara få det att funka?
Hangaround

2006-01-22 20:23
Jag läste igenom osv osv.
Jag la bara upp en tillfällig, jag tänkte jag skulle kunna behärska css lite hinnan jag börjar att göra nått. Så jag lär mej grunderna och lite om vad som ebhövs att veta. Jag lär mej alltså inte bara just den koden utan från scratch.

SÅ tack igen.
Hangaround

2006-01-22 20:25
men jag la upp den för att jag hade brottomt att få upp den, så då ville jag bara få det att funka. Men nu när den är uppe så ska jag som sagt göra allt jag sa i inlägget ovan.

2006-01-23 01:37
låter klokt.. lycka till, holla if du behöver en hand...