Just nu i M3-nätverket
Gå till innehåll

<DIV> hamnar inte där jag vill att den ska >:(


Fuskare01

Rekommendera Poster

Fuskare01

Jag ska ändra layouten på http://web.telia.com/~u18125157 men allt funkar inte som jag vill... Som ni kan se på bilden som jag har lagt till så hamnar den högra kanten under allt annat. Men den ska vara på den högra kanten bredvid sidhuvudet och "kroppen".

 

Här är lite kod:

 

/*sidhuvud*/
#menu{
 position: static;
 right: auto;
 width: 100%;
 height: 72;
 background: url("../bilder/logos/sff_logo1_graybg.gif");
 background-repeat: repeat-x;
 border: none;
 float: none;
}

/*"kropp"*/
#main{

 position: static;
 right: auto;
 width: 100%;
 background: #A8A8A8;
 float: none;
}

/*vänster kant (funkar som den ska)*/
#bgleft{
 position: static;
 background: url("../bgleft.jpg");
 background-repeat: repeat-y;
 width: 150px;
 height: 50em;
 float: left;
}

/*Höger kant (funkar inte)*/
#bgright{
 position: static;
 background: url("../bgright.jpg");
 background-repeat: repeat-y;
 width: 150px;
 height: 50em;
 float: right;
}

 

Och här är HTML koden (förkortad)

 

<DIV ID="bgleft"></DIV>

<DIV CLASS="graybg">
<DIV ID="menu">
<H1 CLASS="textformat1">Filmstudion i Kristinehamn</H1>
<A HREF="http://www.kfs.sajt.org/" TARGET="_top">
<P CLASS="textformat1">KFS!</P>
</A>

</DIV>
<DIV ID="main">
<!--Här är det kod-->
</DIV>
</DIV>
<DIV ID="bgright></DIV>

 

 

 

Tack på förhand

 

 

/Adam Hellberg

 

[bild bifogad 2009-05-08 18:25:15 av Fuskare01]

1139057_thumb.jpg

Länk till kommentar
Dela på andra webbplatser

Micke_skane

Du har blandat ihop den olika sätten att css-positionera element på en webbplats.

float fungerar t ex inte ihop med position.

 

Sedan har du inget värde på(bara när det är 0-värde du kan utlämna enheten):

height: 72;

 

Nyttig lästips är:

http://www.w3schools.com/css/default.asp

http://www.w3schools.com/css/css_positioning.asp

 

Länk till kommentar
Dela på andra webbplatser

Fuskare01

Ok, tack för tipsen :). Jag ska se om det funkar. Gör det inte det så återkommer jag.

 

Länk till kommentar
Dela på andra webbplatser

Tyvärr så är det fortfarande problem. Jag har bifogat en ny skärmdump och ny kod nedan:

 

CSS:

#menu{

 right: auto;
 width: 40em;
 height: 4.92em;
 background: url("../bilder/logos/sff_logo1_graybg.gif");
 background-repeat: repeat-x;
 border: none;
 float: left;
}


#main{

 right: auto;
 width: 40em;
 height: 50em;
 background: #A8A8A8;
 float: left;
}

#bgleft{
 background: url("../bgleft.jpg");
 background-repeat: repeat-y;
 width: 150px;
 height: 57.35em;
 float: left;
}

#bgright{
 background: url("../bgright.jpg");
 background-repeat: repeat-y;
 width: 150px;
 height: 57.35em;
 float: left;
}

 

Och här är HTML (Inte förkortad den här gången):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
   <HEAD>
	<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
	<!--Skriv ingen title-->
       <TITLE></TITLE>
	<LINK HREF="css_kod/text_format_main_x.css" REL="stylesheet" TYPE="text/css">
	<LINK HREF="http://web.telia.com/~u18125157/favicon.ico" REL="shortcut icon">
	<!--[if ie]>
	<STYLE TYPE="text/css">
               div{
                   cursor: url("custom_cursor.cur"), default;
               }
			a:link{
			cursor: url("custom_cursor.cur"), default;
			}
			a:visited{
			cursor: url("custom_cursor.cur"), default;
			}
			a:active{
			cursor: url("custom_cursor.cur"), default;
			}
			a:hover{
			cursor: url("custom_cursor.cur"), default;
			}
			</STYLE>
           <![endif]-->
   </HEAD>
   <BODY>
<CENTER>
<DIV ID="bgleft"></DIV>
<DIV CLASS="graybg">
<DIV ID="menu"><H1 CLASS="textformat1">Filmstudion i Kristinehamn</H1><A HREF="http://www.kfs.sajt.org/" TARGET="_top"><P CLASS="textformat1">KFS!</P></A></DIV>
<BR><BR><BR><BR><BR><BR>
<DIV ID="main">
<P CLASS="textformat1"><FONT size="1"><CITE>Denna sida &auml;r optimerad f&ouml;r Windows Internet Explorer 7.0. 
  <A HREF="http://www.microsoft.com/sverige/windows/internet-explorer/download-ie.aspx" TARGET="_blank">H&auml;mta IE7.0 h&auml;r!</A></CITE></FONT></P>
<P CLASS="textformat1"><A HREF="http://www.sff-filmstudios.org/" TARGET="_blank"><IMG SRC="bilder/logos/sff_logo2.gif" ALT="SFF:s logo" BORDER="0"></A></P>
<H2 CLASS="textformat1">Vet du att det finns en filmstudio i<BR>Kristinehamn?</H2>
<P CLASS="textformat1">P&aring; m&aring;ndagskv&auml;llar under vinterhalv&aring;ret visar vi l&aring;ngfilm p&aring; Grand Bio, Folkets Hus. Vi f&ouml;rs&ouml;ker 
ha ett brett utbud vad g&auml;ller inneh&aring;ll, filmkategori och ursprungsland.</P>
<P CLASS="textformat1">Varje film presenteras skriftligt i v&aring;rt medlemsh&auml;fte, och muntligt i samband med visningarna.</P>
<TABLE ALIGN="center" BORDER="2" STYLE="border-color: #000000;">
  <TR>
     <TD>Ett medlemskort, som inkluderar intr&auml;det till alla v&aring;ra filmer,<BR>kostar 280 kronor för tio filmer. Kortet s&auml;ljs i samband med v&aring;ra<BR>
     visningar (och i b&ouml;rjan av oktober &auml;ven p&aring; biblioteket, p&aring; Bokia<BR>och Folkets Hus). Medlemsskap endast v&aring;r eller h&ouml;st 150 Kr.</TD>
  </TR>
</TABLE>
<P CLASS="textformat1"><A HREF="http://validator.w3.org/check?uri=referer"><IMG SRC="http://www.w3.org/Icons/valid-html401" ALT="Valid HTML 4.01 Transitional" HEIGHT="31"
WIDTH="88" BORDER="0"></A><A HREF="http://jigsaw.w3.org/css-validator/"><IMG STYLE="border: 0; width: 88px; height: 31px"
SRC="http://jigsaw.w3.org/css-validator/images/vcss" ALT="Valid CSS!"></A></P>
</DIV>
</DIV>
<DIV ID="bgright></DIV>
</CENTER>
   </BODY>
</HTML>

 

Hoppas att någon kan hjälpa mig :)

 

[bild bifogad 2009-05-10 14:19:34 av Fuskare01]

1139357_thumb.jpg

Länk till kommentar
Dela på andra webbplatser

Oj då, jag glömde en liten bit kod:

 

.textformat1{

text-align: center;
}

.graybg{
 position: static;
 background: #A8A8A8;
 width: 40em;
 z-index: -1;
}

 

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

×
×
  • Skapa nytt...