Just nu i M3-nätverket
Jump to content

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


Fuskare01

Recommended Posts

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

Link to comment
Share on other sites

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

 

Link to comment
Share on other sites

Fuskare01

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

 

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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

 

.textformat1{

text-align: center;
}

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

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...