/ Forside/ Teknologi / Udvikling / CSS / Spørgsmål
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
CSS
#NavnPoint
molokyle 2854
Klaudi 720
bentjuul 510
smorch 310
Benjamin... 310
e.c 300
EXTERMINA.. 210
stone47 200
danielsko.. 100
10  ME.alexan.. 100
Resterende width/height
Fra : Angband
Vist : 1138 gange
213 point
Dato : 22-07-09 00:23

Hej

Er der nogen måde at sætte en boks størrelse til at fylde det resterende a browseren.

Hvis jeg bruger:

Kode
.boks
{
top: 170px;
height: 100%;
}


Får jeg en scrollbar, og jeg kan af åbenlys grunde ikke bare sætte procentdelen ned.

 
 
Kommentar
Fra : Angband


Dato : 22-07-09 01:56

jeg har fundet en løsning med en fixed boks der virker i chrome og firefox, men sjovt nok ikke i IE.

Så hvis nogen kan forklare mig hvorfor en boks placering ændrer sig i IE alt efter om den er fixed eller absolute, og hvordan man undgår dette. Så vil det også løse mit problem

Kommentar
Fra : scootergrisen


Dato : 22-07-09 11:50

Kan du prøve og give et link til koden.

Kommentar
Fra : Angband


Dato : 22-07-09 12:00

Kode
body
{
   background-color: #222233;
   text-align: center;
   font-size: 12pt;
   font-family:"Calibri",wingdings;
   font-weight: 400;
}
.over
{
   font-size: 17pt;
   font-weight:bold
}
.menu
{
   background-color: White;
   
   width: 70%;
   height: 170;

   position: absolute;
   left: 15%;
   top: 0px;
   color: Black;


}
.hvidboks
{
   background-color: White;
   width: 70%;
   height: 100%;
   position: absolute;
   top: 0px;
   left: 15%;
   color:white;
   padding:0;
   margin:0;
}
.indhold
{
   background-color: green;
   width: 70%;
   position: absolute;
   top: 170px;
   left: 15%;
   color: Black;
   text-align: center;
   
}
.left
{


   position: absolute;
   width: 340px;
   left: 50%;
   margin: 0 0 0 -344px;
   
   text-align: left;
}
.right
{
   
   width: 340px;
   left: 50%;
   position: absolute;
   margin-left:4px;
   
   text-align: left;
}


Kode
<html>
   <head>
      <link rel="stylesheet" type="text/css" href="style.css" />
      <title>
       Teatret Tidens Tand
      </title>
   </head>
   <body>
      <span class="hvidboks">
      asd
      </span>
      <span class="menu">
         <object width="700" height="170">
            <param name="movie" value="menu.swf">
            <embed src="menu.swf" width="700" height="170">
            </embed>
         </object>
      </span>
      <span class="indhold">
         <center>
         <span class="left">
            <img src="billeder/index.jpg" width="340">
         </span>
         <span class="right">
Indhold som kan være meget langt
         </span>
         
         <center>
      </span>      
      
   </body>
</html>


Jeg har desværre ikke ftp adgang pt

Accepteret svar
Fra : molokyle

Modtaget 213 point
Dato : 23-07-09 11:04

Et kvalificeret 'gæt':

Man bruger da bare formreglen: overflow:hiden;

http://www.w3schools.com/Css/pr_pos_overflow.asp

Husk også lige at sætte margin:0; samt width:100%; og heigth:100%; på det absolut positionererede DIV element. (En go' idé også at benytte disse formregler på dit BODY element, da man så har en foruddefineret og nedarvet formregel, at læne sig opad. )

..sku' jeg mene?

</MOLOKYLE>






Kommentar
Fra : molokyle


Dato : 23-07-09 11:07

Angband -> Netop nu er det min frokost, men efter arbejde (kl.15.00 dd.) skal jeg prøve, at lave et par eksempler til dig

</MOLOKYLE>

Kommentar
Fra : Angband


Dato : 23-07-09 13:08

Okay jeg prøver lige margin og padding på mit body element, jeg har dog næsten fundet en andet løsning med et bagrundsbillede har y-repeat.

hidden: The overflow is clipped, and the rest of the content will be invisible

Den skære vel bare mit indhold af.

Her er siden: http://www.fjola.dk/ttt/TidensTand/tidens_tand.php

Mit problem er pt at sort-hvid billedet har en forskellig placering fra FF til IE

Godkendelse af svar
Fra : Angband


Dato : 23-07-09 13:25

Tak for svaret molokyle.

body
{
Margin: 0px;
}

Gjorde tricket :) Det er skrevet bag øret.

Kommentar
Fra : molokyle


Dato : 23-07-09 18:16

Hér er som 'lovet' ..et eksempel:

http://www.cssboxing.com/temp/div100.html

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 23-07-09 18:27

Ps. Virker også i:

1.) IE8
2.) Firefox 3.5.1
3.) Flock 1.2.7
4.) Netscaspe Navigator 9
5.) Opera 9.6.4
6.) Safari 4.0.2 (pc)
7.) Google Chrome 2.0.172.33

</MOLOKYLE>



Kommentar
Fra : Angband


Dato : 24-07-09 22:49
Kommentar
Fra : molokyle


Dato : 25-07-09 08:22

Glimrende eksempler Angband. De er røget lukt i samlingen

Vdr. overflow, så kan du læse lidt om attributten i denne artikel på dansk:

http://webdesign101.dk/csslayout/autocentrering.php

</MOLOKYLE>


Du har følgende muligheder
Eftersom du ikke er logget ind i systemet, kan du ikke skrive et indlæg til dette spørgsmål.

Hvis du ikke allerede er registreret, kan du gratis blive medlem, ved at trykke på "Bliv medlem" ude i menuen.
Søg
Reklame
Statistik
Spørgsmål : 177413
Tips : 31962
Nyheder : 719565
Indlæg : 6407803
Brugere : 218875

Månedens bedste
Årets bedste
Sidste års bedste