Simulerade frames – på djupt vatten?

5 svar · 266 visningar · startad av biggles-1 17 maj 2005

biggles-1Medlem sedan jan. 2005125 inlägg

Frågan17 maj 2005 10:37#1

Hej,

Jobbar för att få fram en mall i CSS som ersätter frames. Tänkte använda den på en liten enkel webshop (varukrogen placeras i nedre alt övre framen).

Fick hjälp i annan tråd att hitta ”simulerade frames”, och nu efter drygt 10 tim har jag fått ”systemet” att rasa ett antal gånger och är inte så mycket klokare, MEN tröttare och ganska frusterad. Saknar känsla för helheten, och vet att det beror på okunskap och misstänker att det inte finns någon genväg. Återgår snart till att bara knacka enkel HTML med tabeller *ler*, om inte ni kan hjälpa mig att komma vidare.

Se sidan och mina funderingar nedan.

http://member.webforum.nu/8423/Simulerade_frames_1.html

I källkod - middle, sidebar, content - kan jag se dessa som en hel ”box”/yta med 2 mindre boxar/ytor placerade ovanpå. Undrar, för jag vill egentligen bara ha en box/stor yta i mitten (m a o ingen menydel till vänster), hur åstadkomma detta?
Vill få menylisten (blir annan i slutändan, men är intresserad av principen) att antingen flyta till vänster eller centrera under logon. Jag gör något fel, för här rasar det för mig!
Hur få meny´n att falla ner även i IE6, utan att rasera de andra ”hacken” som behövs för de simulerade frames, för det ser ok ut i FF.
Insider, nu syns ”glipan” tydligt på sidan jag lagt upp. Finns det något att göra åt detta?

Tack på förhand! / biggles-1

P.S. Är ”färsking” på CSS/HTML OCH nyfiken OCH modig, så ha tålamod med mina funderingar!

InsiderMedlem sedan jan. 2000978 inlägg

17 maj 2005 10:59#2

Det är en box, med 2 boxar innuti den stora, som flyter åt vänster. Det är bara att ta bort den ena (eller båda) om du inte vill ha vänster kolumnen med.
Du får placera #navcontainer nedanför/utanför #header. Inte innanför.
Du måste använda javascript. Det får du hjälp med i javascript-forumet när du känner dig nöjd med resten.
Vet ej. Men det kan mycket väl gå...

biggles-1Medlem sedan jan. 2005125 inlägg

17 maj 2005 14:05#3

Tack Insider,..

… för nu har jag kommit några steg vidare *ler*. Har rensat upp som jag vill, men fastnar nu på följande (förmodligen super enkelt för er!)

Har flyttat ut ”navcontainern” och vill lägga den under som en egen box, men tänker fel någonstans, och pusslet rasar (tar nu åtminstone back-up´r kontinuerligt för varje steg!), se länken! Vad styr vad!

http://member.webforum.nu/8423/Simulerade_frames_2.html

Har lagt in ”meny” men får inte önskat resultat (vit smal box). Något annat styr än det jag lägger in!

div id#meny {
width:720px;
height: 30px;
margin:0 auto;
}

div#meny {
background:#fff;
color:#00f;
text-align: center;
}

Får vara bra för tillfället!

Biggles-1

InsiderMedlem sedan jan. 2000978 inlägg

17 maj 2005 16:08#4

DU måste sätta en width och margin på #navcontainer.

#navcontainer {
     width:720px;
     margin:0 auto; /*centrerar boxen*/
}

(sen så hade du skrivit 'div id#navcontainer' , vilket är fel, #, följt av id på elementet räcker. Återkommer på flera ställen i koden... )

Samma fel med id.
Föregående element; navlist har en float. Då måste du sätta clear:left på #meny för att den ska hamna under #navlist.

biggles-1Medlem sedan jan. 2005125 inlägg

17 maj 2005 17:31#5

Hmmm …., tack för feed-backen och jag kom en bit på väg men inte helt. Fick inte ”navcontainer” att centrera enligt ovan, men däremot den separata texten. Vad saknas eller skulle gjorts annorlunda?

Tanken är inte att ha två fält, utan i min enfald trodde jag att jag kunde få det vita fältet (blir senare samma bakgrundsfärg som den övre boxen) att ligga bakom den centrerade menyn!

Vad har jag gjort nu *ler*!

http://member.webforum.nu/8423/Simulerade_frames_3.html

Mvh / biggles-1

P.S. Har även rensat bort de felaktiga i koden, men undrar samtidigt varför texten/koden då validerar?

biggles-1Medlem sedan jan. 2005125 inlägg

18 maj 2005 10:54#6

Hej,

Är nu kommit några steg till, OCH får inte menyn att centrera. Har slängt den gamla menyn och ersatt den med ”suckerfish” som känns bättre och enklare, men som inte löste problemet centreringen (box fortfarande 720px).

#nav {
width:720px;
margin:0 auto; /*centrerar boxen*/
}

http://member.webforum.nu/8423/Simulerade_frames_4.html

Någon som kan hjälpa mig att se vad som saknas/måste ändras?

biggles-1