Søg
Avatar billede jps2mt Nybegynder
03. november 2003 - 18:12 Der er 20 kommentarer og
1 løsning

Fast afstand mellem 2 div

Hvordan kan jeg sætte en fast afstand til 2 div tags??

Jeg har brug for at sætte en fast afstand mellem 2 div tags, som skal være 600 px, uanset browser-vinduets størrelse...
Avatar billede roenving Novice
03. november 2003 - 18:16 #1
Lodret eller vandret eller ?-)
Avatar billede jps2mt Nybegynder
03. november 2003 - 18:49 #2
Vandret... :)
Avatar billede roenving Novice
03. november 2003 - 18:54 #3
Sæt et element imellem !-)

f.eks.

<div style="float:left"></div>
<div style="float:left;height:1px;width:600px;"><img src="" style="height:1px;"></div>
<div style="float:left"></div>
Avatar billede jps2mt Nybegynder
03. november 2003 - 19:00 #4
Hmmm...Tjaeh...Kan se det logiske, at det så ikke virker er en helt anden sag, og jeg kan heller ikke centrere div'erne
Avatar billede jps2mt Nybegynder
03. november 2003 - 19:01 #5
De er sat op med position:absolute og med z-index, så derfor er det, i mine øjne, ikke lige til at give dem en fast afstand...
Avatar billede olebole Juniormester
03. november 2003 - 20:38 #6
<ole>

Du må oplyse noget mere - allerhelst lægge en URL. Ellers bliver det en lang quiz  :)

/mvh
</bole>
Avatar billede jps2mt Nybegynder
03. november 2003 - 20:56 #7
http://www.blackchart.dk/new

Afstanden mellem højre og venstre (på indersiden) skal være (ca.) 650px...
Avatar billede olebole Juniormester
03. november 2003 - 21:35 #8
De to div er vist det mindste problem. Se siden i NS, Mozilla eller Opera - og skriv så det hele om igen. Hvis du skal skrive til WWW, må du skrive standardiseret kode  ;o)
/mvh
Avatar billede jps2mt Nybegynder
03. november 2003 - 21:47 #9
Ikke forstået?!

99% af mine besøgende er IE brugere, så den skal bare kunne ses, og virke i IE...

Det med standardiseret kode, forstår jeg ikke...Style-sheetet er valideret, og fejler ikke noget...
Avatar billede olebole Juniormester
03. november 2003 - 22:21 #10
Jamen, det nytter ikke at validere, hvis man skriver noget vrøvl.

"Høne man vil ryge blande med sikkert også være blandet må nok" er jo fuldstændig korrekt, hvis du slår op i en ordbog - uagtet, det er noget guddommeligt vrøvl  ;o)

Der er ikke noget at sige til, 99% af dine brugere er IE-brugere. Der kommer heller ikke mange kørestols-brugere i Rundetårn.

Med den holdning, dette står for:
  "99% af mine besøgende er IE brugere, så den skal bare kunne ses, og virke i IE..."
får du nok ikke nogen af de kvalificerede brugere af E til at hjælpe. Jeg gider i det mindste ikke.
/mvh
Avatar billede jps2mt Nybegynder
03. november 2003 - 22:52 #11
Spørgsmålet gik jo ikke på hvordan man fik den til at virke til alle browsere...
Eftersom jeg VED at det er 99% IE der kommer ind på min side, er at den har meget få besøgende, og at det kun er venner og familie der ser den...

Og så sker det at der kommer et par robotter og når jeg leger med lynx i linux..Det dækker den sidste %, så derfor kan jeg ikke se grunden til at den lige pt. skal laves 100% kompatibel med alle andre browsere...

Desuden kan jeg stadig ikke se hvad der skulle være galt i den måde det står på...
Avatar billede jps2mt Nybegynder
03. november 2003 - 22:53 #12
Men jeg lukker ned her...Har besluttet at når det skal give så meget vrøvl at udvikle en side til IE only, så laver jeg det med tables og iframes i stedet...Det kan jeg da finde ud af...
Avatar billede jps2mt Nybegynder
03. november 2003 - 22:53 #13
Hvis nogen kan komme med noget der kan få det til at virke med CSS, bliver points give til dem, men indtil da...Lukket...
Avatar billede olebole Juniormester
03. november 2003 - 23:49 #14
Jamen, det er ikke så svært at skrive en ordentlig kode - hvorfor dog så ikke gøre det?
Der er en høj grad af logik i standarderne (ikke mindst CSS), så det er bare at læse standarden og kikke i nogle af de mange tutorials, så er resten ikke så svært - og du har tilfredsstillelsen ved at have lavet et ordentligt stykke kode  :)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>TITLE</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
.cont {
    position: relative;
    width: 560px;
    height: 150px;
    border: 1px solid blue;
    margin: 0px auto;
}
.cont div {
    position: absolute;
    width: 200px;
    height: 150px;
    left: 0px;
    top: 0px;
    border: 1px solid red;
}
</style>
</head>
<body>

<div class="cont">
    <div>Venstre DIV</div>
    <div style="left:360px">Højre DIV</div>
</div>

</body>
</html>

Ganske enkelt - og X-browser  :)
... og du behøver ikke åbne et nyt spm, hvis du vil love at bestræbe dig på at skrive god kode  ;o)
Avatar billede jps2mt Nybegynder
04. november 2003 - 10:54 #15
charset og doctype mangler, og hvad så?? Siden er jo LANGT LANGT fra færdig, var da godt klar over at de 2 ikke stod der, men det nu altså min erfaring at de slet ikke er nødvendige med IE, så derfor havde jeg ikke sat dem ind endnu...
Avatar billede olebole Juniormester
04. november 2003 - 13:25 #16
Din erfaring er ikke meget værd, Basse. Du kender jo stort set ikke noget til CSS - og tydeligvis heller ikke meget til HTML.
DTD'en er _netop_ strengt nødvendig i IE, da den ikke kan tolke CSS-box-modellen uden. Det er derimod ikke det store problem for NS, Moz og Opera.

Hvis du nu gad løfte dine små fumlevorter op på dit keyboard og teste eksemplet - i stedet for at sidde puste dig op og spille fornærmet KarlSmart - ville du se, jeg har lavet to divs, der ligger 160px fra hinanden, er centreret og kan flyttes op og ned, ved at flytte det relativt positionerede, omkransende div op og ned ... det var så vidt, jeg kan se præcis, hvad du bad om. Derefter burde selv en blind og lam høne være i stand til at migrere det over i din egen side.
Avatar billede jps2mt Nybegynder
04. november 2003 - 13:51 #17
Tak, så er det godt...Vil sq da ikke sidde her og finde mig i at blive svinet til på den måde!!
Avatar billede olebole Juniormester
04. november 2003 - 15:44 #18
*LoooL* selvtak ... jeg kommenterer blot din opførsel - og den er helt din egen  :)
Avatar billede olebole Juniormester
04. november 2003 - 15:47 #19
Men jeg håber da, vi kan blive enige om, at det mindste man kan gøre - når nu andre har brugt tid på at lave et (i øvrigt glimrende) eksempel til én - er at teste det.
Specielt, når man ikke kan overskue koden og derfor ikke har en chance for at bedømme, hvad den gør  :)
Avatar billede jps2mt Nybegynder
04. november 2003 - 18:48 #20
Har siddet og leget lidt med det, og med nogen tilpasning fik jeg det til at virke, også uden doctype og charset (som jeg dog for din skyld har på nu)

Desuden vil jeg lige undskylde mit udbrud af vrede, det har bare været en rigtig møgdag, med trusler om retssag osv. fordi jeg ikke vil udlevere en flok scripts jeg har lavet, pga. dem det er lavet for ikke vil betale...
Avatar billede olebole Juniormester
04. november 2003 - 19:23 #21
No sweat ... en undskyldning gør jo altid underværker. Vi starter på en frisk i det næste spm, vi mødes  ;o)

Du skal ikke sætte DTD i for min, men for din egen skyld. Prøv disse eksempler:

<html>
<head>
    <title>TITLE</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>

<div style="width:200px;height:200px;border:40px solid red"></div>

</body>
</html>

Og dette:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>TITLE</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>

<div style="width:200px;height:200px;border:40px solid red"></div>

</body>
</html>

Og dette:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>TITLE</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>

<div style="width:200px;height:200px;border:40px solid red"></div>

</body>
</html>

... det sidste dokument viser siden, som den skal vises efter CSS-standarden - 200*200px _plus_ border'en.

Netscape og Mozilla kan for såvidt godt finde ud af at vise en så simpel side korrekt i alle tre versioner, men det kan IE ikke.

Da den er så frygtelig elendig en browser, skal den ikke bare have DTD'en - men også URL'en i DTD'en, så den ved, den ikke skal arbejde i quirks-, men i standard-mode  :o|
/mvh
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
I dag 18:50 Slet lokal konto Af ErikHg i Windows
I dag 16:05 Ændre tal i en celle Af xvid i Excel
I dag 13:47 Dette er ikke en kommerciel session i Windows 11 Af eksmojo i Windows
31/0810:26 Synkronisering af kalender mellem computer, android telefon og iPhone Af Strawberry i Andre onlineløsninger
31/0810:24 Kan Excel selv beregne alder? Af leahcim i Excel
White papers
Flere white papers »