Avatar billede tobrukDk Novice
11. maj 2011 - 20:06 Der er 11 kommentarer og
1 løsning

Problemer med at få min midt op til det andet.

det er sådan som jeg vise på billedet at at jeg har problemer med at få den op til top så den er sammen med den anden. ? hvordan gøre jeg det?, Det gøre mig virkelig sur at jeg ikke kan prøve at får den op ,

http://localhostr.com/files/kwjRYhC/capture.png
jeg kun godt tænke mig at få den op til den hvid top box eller hvad man kalder den?,

min css koder er ;
.profil {
    float:left;
    color:#000;
    text-align:center;
}
.profilbox {
    background-color:#FFF;
    width:184px;
    height:500px;
    color:#000;
}
.midt {
    background-color:#FFF;
    color:#000;
    font-size:15px;
    clear:both;
    width:900px;
    margin:2px auto;
}
Lidt php koder ;

<div class="profilbox">
<div class="profil">
<p><img src="<?php echo $row3['img']; ?>" border="2" height="190" width="180" /></p>
<p>G&aelig;stebog - Brev - Gallery</p>
</div>
</div>
<div class="midt">
<?php
$url = $_GET['s'];

switch ($url) {
  case "": include("hjem.php");
    break;
  case "?": include("?.php");
    break;

  default: echo "Siden findes ikke";
}
?>

Håber i kan hjælp med hvad problem er ??
jeg kan ikk selv se hvad det er,? jeg er i gang med blive uddannelse som web-ingrator, ;) bare forklare hvor jeg har lavet for noget forkert og siger hvad jeg skal skrive?
Avatar billede tjens Nybegynder
11. maj 2011 - 22:18 #1
En div starter vel som udgangspunkt altid på næste linie?
Især når du har clear:both på den, og dermed annullerer tidligere floats


Derudover tror jeg, du ville have skrevet din float:left på .profilbox og ikke på .profil:
Du har simpelthen den "indre" div øverst i din css, og det har nok snydt dig i farten.
Avatar billede tobrukDk Novice
11. maj 2011 - 22:33 #2
@charset "utf-8";

body {
    background-color:#00F;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
}
label{
    line-height: 1.8;
}
a, a:hover {
    color: #000;
    text-decoration: none;
}
#menu {
    width:100%;
    color:#000;
    background-color:#FFF;
    height:30px;
    font-size:16px;
}
#menu li{
    display:inline;
    padding:0 10px;
    line-height:170%;
    float:left;
}
#right li{
    display:inline;
    padding:0 20px;
    line-height:170%;
    float:right;
}
.profil {
    float:left;
    color:#000;
    text-align:center;
}
.profilbox {
    background-color:#FFF;
    width:184px;
    height:500px;
    color:#000;
}
.midt {
    background-color:#FFF;
    color:#000;
    font-size:15px;
    clear:both;
    width:900px;
    margin:2px auto;
}

det er alt mit css, men jeg forstår ikke helt hvad du mener? kan du give mig et f.eks på hvad du mener med det profil ? og den der box? som skal op
Avatar billede tjens Nybegynder
11. maj 2011 - 23:21 #3
profil og profilbox er dine egne navne på css classer.
Avatar billede wanze Nybegynder
12. maj 2011 - 03:35 #4
Jeg kan ikke umiddelbart se, hvad der er galt med din kode, så jeg har lavet et lille layout du kan kopiere. Jeg går ud fra, at det er cirka den opstilling du forsøger at lave.

http://derfor.dk/tests/layout.htm
Avatar billede tobrukDk Novice
12. maj 2011 - 09:43 #5
jeg har næsten for den til at virker, men nu skal jeg bare lave luft i mellenm profil og midt

http://b2f.dk/forside.php
Avatar billede tjens Nybegynder
12. maj 2011 - 13:37 #6
#5 Din midt hopper ned, hvis browservinduet gøres smallere.
Avatar billede tobrukDk Novice
12. maj 2011 - 13:46 #7
okay, hvordan gøre jeg sådan at den ikke gøre det eller det som du mener :D
Avatar billede tobrukDk Novice
12. maj 2011 - 18:10 #8
Hvordan gøre jeg sådan at de bliver samme ligemeget hvad man gøre???
Avatar billede tjens Nybegynder
12. maj 2011 - 18:48 #9
Jeg ved ikke hvorfor du bruger float?
Jeg bruger det selv kun når tekst skal pakkes pænt omkring et billede el.lign.
Men du har åbentbart fået det løst nu,  med den nye center-div som container omkring profil og midt

Hvis din side kan nøjes med at virke i de nyeste browsere, er wanzes eksempel i #4 i HTML5 et udmærket forslag

Hvis din side skal virke i MSIE 8 ville jeg selv bruge display:table-cell i stedet for float:left

Hvis din side skal virke i MSIE 7 eller ældre, ville jeg bruge gammeldags table design i stedet for div
Avatar billede tobrukDk Novice
12. maj 2011 - 19:51 #10
okay ;)
Avatar billede tobrukDk Novice
13. maj 2011 - 11:44 #11
skal jeg luk den eller vil i luk den?
Avatar billede tjens Nybegynder
14. maj 2011 - 13:24 #12
Du får hermed et svar.
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
Kurser inden for grundlæggende programmering

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.

Du kan også logge ind via nedenstående tjenester