Søg
Avatar billede marzman Nybegynder
02. september 2006 - 23:04 Der er 16 kommentarer og
1 løsning

float ud af box

Hejsa jeg har et lille problem med noget css

Jeg har designet denne side men som i kan se floater mit billede ud af boxen... hvordan er det lige man får den til at lade hver med det ?

http://marzman.dk/new/

jeg har forsøgt mig lidt med display: block; men uden hæld...
Avatar billede nythjem Nybegynder
02. september 2006 - 23:37 #1
Hehe.. Ville gerne se din side klare en level a Bobby test *Gg*

Gør det sådan her i stedet:

<div class="news" style="overflow:visible;">

  <div style="float:left;">
    <p class="news-header">Overskrift <span style="color: blue;">22:44 02-09-2006</span></p>
    <p>Noget tekst her...</p>
    <p>Noget mere tekst her</p>
  </div>

  <div style="width:150px;float:right;">
    <img src="avis.jpg" alt="PictureDescription" style="width:150px;" />
  </div>

</div>
Avatar billede jokkejensen Novice
02. september 2006 - 23:42 #2
problemet er at billedet er for højt til at ligge i dit div med class news

sætte jeg billedet til widt 100px, passer det i din news class div
Avatar billede marzman Nybegynder
02. september 2006 - 23:45 #3
det gav vist ikke lige det ønskede resultat... :(
Avatar billede marzman Nybegynder
02. september 2006 - 23:46 #4
Jokkejensen: Nej nej... problemet er at boxen skal tilpasse sin højde efter det billede som floater...
Avatar billede jokkejensen Novice
02. september 2006 - 23:48 #5
og dit <img> ligge langt ude fra news contaioneren
Avatar billede jokkejensen Novice
02. september 2006 - 23:48 #6
ja - men boksen ligger jo ikke inde i dit news div... derfor kan den ikke tilpasse sig
Avatar billede marzman Nybegynder
02. september 2006 - 23:51 #7
hvordan skal koden så se ud hvis den skal gøre det ?
Avatar billede jokkejensen Novice
02. september 2006 - 23:51 #8
og du har seriøst problemer med at lukke dine tags ordentligt..

Jeg vil anbefale dig at få dit html valideret !
Avatar billede jokkejensen Novice
02. september 2006 - 23:52 #9
åhh det er et større problem... har du mulighed for at give mig acces til ftp *?
Avatar billede jokkejensen Novice
02. september 2006 - 23:53 #10
og nu er der totalt kludder i sitet :)
Avatar billede jokkejensen Novice
02. september 2006 - 23:57 #11
hey - giv lige class="news" height: 100%
Avatar billede jokkejensen Novice
02. september 2006 - 23:59 #12
stadig her ?
Avatar billede nythjem Nybegynder
03. september 2006 - 00:03 #13
Han taster på livet løs jokke.. :)

Kig her marzman..

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title></title>
<link rel="stylesheet" href="http://marzman.dk/new/styles.css" type="text/css" media="all" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

</head>

<body>

<div style="width:100%;clear:both;border:1px solid green;">

    <img src="http://marzman.dk/new/avis.jpg" alt="PictureDescription" align="right" style="width:150px;" />

    <p>Lorem ipsum dolor sit amet sit amtet banon tata bolis ipsum dolor sit amet sit amtet banon tata bolis ipsum dolor sit amet sit amtet banon tata bolis</p>
    <p>Lorem ipsum dolor sit amet sit amtet banon tata bolis ipsum dolor sit amet sit amtet banon tata bolis ipsum dolor sit amet sit amtet banon tata bolis</p>

</div>

</body>

</html>
Avatar billede marzman Nybegynder
03. september 2006 - 00:16 #14
no f**king way...

http://marzman.dk/new/test.php
Avatar billede marzman Nybegynder
03. september 2006 - 00:16 #15
det var et copy paste af din kommentar fra kl. 00:03
Avatar billede marzman Nybegynder
03. september 2006 - 00:17 #16
eller det er firefox som ikke læser den på samme måde som IE... men der må være en css kode til at få boxen til at sætte sin højde i forhold til billede som floater right.
Avatar billede marzman Nybegynder
04. september 2006 - 22:54 #17
Problemet er løst nu...

ved hjælp fra dette link fandt jeg en smart motode til at snyde browseren på...
http://www.greywyvern.com/code/min-height-hack.html

Du indsætter en div nede under floatet, med en højde på 1px på den måde bliver boxen automatisk større og ikke mindre når billedet er der... :)

Med hensyn til poins synes jeg ikke der var nogen som kunne komme med det rette svar og jeg tager derfor selv points, men tak for opmærksomheden ved denne tråd...
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
27/0714:34 Hjælp til at kunne skanne negativer på Plustek 8300i SE Af Mariann i Foto & video
27/0713:58 Mapperne Dokumenter og Overførsler er forsvundet efter geninstallation af Win11 Af bragger i Windows
25/0713:55 Ukendt sender e-mails fra - og til min e-mail adresse Af mort1 i Andet sikkerhed
24/0711:08 Forskel mellem klokkeslet start aften slut næste morgen Af krasmussen i Excel
23/0715:10 WINDOWS KOMPABILITET Af snestrup2000 i Windows
White papers
Flere white papers »