Avatar billede mr_bula Nybegynder
13. juni 2006 - 12:07 Der er 42 kommentarer og
1 løsning

FF=spiller, IE=spiller ikke

Har lavet begynderfejl nr 1. Da jeg lavede et designudkast til min side tjekkede jeg kun i FF, og så idag kom jeg til at åbne den i IE, og det så ikke godt ud.

http://dinbror.dk/bula/tester.php

Åben den først i FF, sådan skal den se ud, men når du åbner den i IE f***er den helt op. Har rodet med koden længe og stirret mig blind, så håber een med friske øjne kan løse problemet ;)
Avatar billede mr_bula Nybegynder
13. juni 2006 - 12:08 #1
Her er koden, håber een kan hjælpe (mclemens) ;):

<!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=iso-8859-1">
<title>home of mr bula</title>

<style type="text/css">

html,body{
    margin:0px;padding:0px;
    font:12px Verdana, Geneva, Arial, Helvetica, sans-serif;
    background: #414d68;
    height: 100%;
}


a:link, a:visited {
    color: #000000;
    text-decoration: none;
}

#content {
    position:relative;
    margin:0px auto;
    width: 985px;
    background: #e2e5d4;
    padding:0px 0px;
    min-height:100%;
}

body > div {
  height: auto;
  min-height:100%;
}

#venstre {
    position: absolute;
    width: 100px;
    height: 100%;
    background-image: url(./grafik/venstre.jpg);
}

#hojre {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100px;
    height: 100%;
    background-image: url(./grafik/hojre.jpg);
}


#menu {
    position: absolute;
    text-align:center;
    top: 0px;
    left: 100px;
    width: 140px;
    height: 100%;
    background-image: url(./grafik/menu2.jpg);
}


#gallery_arkiv {
    position: absolute;
    width: auto;
    height: auto;
    left: 302px;
}

#gallery {
    float: right;
    width: auto;
    height: auto;
    margin:20px 176px 12px 0px;
}


#toplogo {
    float:right;
    width: auto;
    height: 100px;
    margin:5px 125px 12px 0px;
}

div.clearer {
    height:2px;
    overflow:hidden;
    font-size:1px;
    clear:both;
}

.kasse {
    background-color: #FFFFFF;
    width: 500px;
    height: 61px;
    border: 0px dotted #000000;
    font: Georgia, Palatino, Palatino Linotype, serif;
}

.kasse_billed {
    background-color: #336699;
    color: #FFFFFF;
    width: 61px;
    height: auto;
    font-size: 10px;
    text-align: center;
}
 
.kasse_galleribilled {
    border: none;
    width: 110px;
    height: auto;
}

.kasse_tekst {
    color: #000000;
    border: none;
    text-align: left;
    margin-left: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}


</style></head>
<body>

<div id="content">
    <div id="venstre">&nbsp;</div>

    <div id="hojre">&nbsp;</div>

    <div id="toplogo">
        <img src="grafik/shows7.jpg" alt="bulapictures" />
    </div>
 

<div class="clearer">&nbsp;</div>

    <div id="menu">
    <img border="0" src="grafik/navigation.gif" alt="bulapictures" /><br />
    <a href="#">Home</a><br />
    <a href="#">Terms of use</a><br />
    <a href="#">Contact us</a><br />
    <a href="#"><b>BOOKMARK</b></a><br /><br /><br />
   
    <img border="0" src="grafik/coolstuff.gif" alt="bulapictures" /><br />
    <img border="1" src="grafik/logo2.jpg" alt="bulapictures" /><br /><br />
    <img border="1" src="grafik/logo3.jpg" alt="bulapictures" /><br /><br />
    <img border="1" src="grafik/logo1.jpg" alt="bulapictures" /><br /><br />
    <img border="1" src="grafik/logo5.jpg" alt="bulapictures" />
    </div>

    <div id="gallery_arkiv">
    <b>Galleries</b> | 1 | 2 | 3 |
    </div>

    <div id="gallery">
    <?php
    $page = $_GET[page];
    if ($page == "") {
    include("forsiden.php");
    }
    ?>
    </div>

<div class="clearer">&nbsp;</div>

</div>
</body></html>
Avatar billede mclemens Nybegynder
13. juni 2006 - 12:41 #2
[ Her er koden, håber een kan hjælpe (mclemens) ;): ]
... Kaster lige et blik på den iløbet af idag
- hvis der ikke er en anden der løser den inden :D
... Det er jo lidt synd, når den ser godt ud i Firefox ;)
Avatar billede mr_bula Nybegynder
13. juni 2006 - 13:19 #3
Lyder godt, har virkelig stirret mig blind på det...

Det var ikke for at være uforskammet at jeg skrev mclemens i parentesen. Du var bare den eneste jeg lige kunne komme på der kunne løse problemet...
Avatar billede mclemens Nybegynder
13. juni 2006 - 13:47 #4
Sådan opfattede jeg den heller ikke :)
Jeg er dog lidt offline indtil 16:00 / 17:00
Da jeg er på arbejde ved PC indtil 14:00 og
herefter skal pakke og afsende pakker ;)
Avatar billede milandt Nybegynder
13. juni 2006 - 14:24 #5
[offtopic]
Begynderfejl nummer 1 er ikke at udvikle sin side udelukkende til Firefox, for så en måned senere opdage at IE er i skoven når den burde vise din webside.. Det er en fejl flere begår efter års webudvikling..

Begynderfejl nummer 1 er at udvikle sin side til IE, og aldrig opdage at alle andre browsere opgiver at vise din side der i øvrigt er kodet helt ud i skoven.
[/offtopic]
Avatar billede mclemens Nybegynder
13. juni 2006 - 18:30 #6
Puha, den driller noget ... regner med en løsning inden imorgen :D
height 100% er nu stadig en udfordring :)

<offtopic>Når jeg koder på min egen side og bliver i tvivl om effekten af det jeg gør checker jeg siden i både FF og IE med og uden quirks (da min side helst skal være ens i alle 3</offtopic>
Avatar billede mclemens Nybegynder
13. juni 2006 - 20:50 #7
Kan ikke få det css hack der er på siden til at virke :/
... har selvfølgelig ikke givet op ...
prøver at starte fra bunden af...
Avatar billede mr_bula Nybegynder
13. juni 2006 - 20:55 #8
Ja det virker håbløst. Glad for at du gider at prøve. Sidder selv og roder på livet løs...

Hvem løser det først ;)
Avatar billede mclemens Nybegynder
13. juni 2006 - 21:16 #9
Har baggrunden fixet nu, dog mangler jeg lidt med det indre indhold...
Avatar billede mclemens Nybegynder
13. juni 2006 - 21:31 #10
Næh, den virker egentlig håbløs ... baggrunden går helt ned nu - men hvis man kører siden til højre så er det ikke helt perfekt da borderen ryger ind over hinanden tror egentlig den css hack du bruger skal bruges :P
Avatar billede mclemens Nybegynder
13. juni 2006 - 21:58 #11
Færdig :) ... Tilladelse til at uploade på extern website?
- Baggrundsbilleder er sammenflettet og fylder en del mindre ...
Css fixet brugte jeg ikke jeg lavede noget fusk med nogle absolute's og relative's
Avatar billede mclemens Nybegynder
13. juni 2006 - 22:01 #12
... baggrunden left og right samt den til menuen vejer
samlet i en fil nu 1 kb. istedet for 4,65kb + 4,52kb + 0,66kb
Avatar billede mclemens Nybegynder
13. juni 2006 - 22:19 #13
Prøver lige at poste filerne og håber på at E kan
håndtere et billedes kilde ... det er en .jpg fil...
Avatar billede mclemens Nybegynder
13. juni 2006 - 22:20 #14
ÿØÿà JFIF  ` `  ÿÛ C         

 $.' ",#(7),01444'9=82<.342ÿÛ C            

2!!22222222222222222222222222222222222222222222222222ÿÀ  Ù" ÿÄ              
ÿÄ µ   } !1AQa"q2‘¡#B±ÁRÑð$3br‚   
%&'()*456789:CDEFGHIJSTUVWXYZcdefghijstuvwxyzƒ„…†‡ˆ‰Š’“”•–—˜™š¢£¤¥¦§¨©ª²³´µ¶·¸¹ºÂÃÄÅÆÇÈÉÊÒÓÔÕÖרÙÚáâãäåæçèéêñòóôõö÷øùúÿÄ           
ÿÄ µ  w !1AQaq"2B‘¡±Á    #3RðbrÑ
$4á%ñ&'()*56789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz‚ƒ„…†‡ˆ‰Š’“”•–—˜™š¢£¤¥¦§¨©ª²³´µ¶·¸¹ºÂÃÄÅÆÇÈÉÊÒÓÔÕÖרÙÚâãäåæçèéêòóôõö÷øùúÿÚ   ? ã)(¢»ŒŠ( ïH{žÝ袀ééÚ“¾;úâŠ(ÒG'°ÎxëP¾6‚yéE™ÉLüûs»Brìt‘ëEÄzŸÀ‘óx€ö?fÀÿ ¿µìTQ^uâ3x|#…(¢ŠÈbŠp¢Š(¥¢Š`8S¨¢€–Š(
Z(¦¨¢Š@G'JÆÔÿ Õš(¤É‘¡EP0¢Š( ¢Š( ¢Š( ¢Š( ¢Š( ¢Š( ¢Š( ¢Š( ¢Š( ¢Š( ¢Š( ¢Š( ¢Š( ¢Š( ¢Š( ¢Š( ¢Š( ¢Š( ¢Š( ¢Š( ¢Š( ¢Š( ¢Š( ¢Š( ¢Š( ¢Š( ¢Š( ¢Š( ¢Š( ¢Š( ¢Š( ¢Š( ¢Š( ¢Š( ¢Š( ¢Š( ¢Š( ¢Š( ¢Š(Ìþ8ÿ È•gÿ aÿ ÑrWˆ@OÇò¢ŠïÃü3ø”pFÎsVQzŒ cš(­‰$R@Éu<=Z(¤1Øü»Rã¿¢Š`.)qE QE ´QE ÿÙ
Avatar billede mclemens Nybegynder
13. juni 2006 - 22:22 #15
Niks den gik ikke :/
- Nåh her er filerne... dog skal du bruge den baggrund istedet for menu2.jpg venstre.jpg og hojre.jpg ... Kan jeg uploade det ene billede externt til dig?
Avatar billede mclemens Nybegynder
13. juni 2006 - 22:23 #16
Filerne? Øhm html filen...
- Det kan godt ske at billede kilderne lige skal rettes...


<!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=iso-8859-1">
<title>home of mr bula</title>

<style type="text/css">

html,body{
margin:0px;
padding:0px; 
height: 100%;
background: #414d68;
overflow:hidden;
}

a:link, a:visited {
    color: #000000;
    text-decoration: none;
}

#conto{position:absolute;top:0px;left:0px;height:100%;width:100%;overflow:auto;background: transparent;z-index:10;}

#content{
    position:relative;
    width: 985px;
    margin:0px auto;
background:url('bg.jpg');
}

#conti{
    position:relative;
    width: 785px;
    margin:0px 100px;
}


#bgo{position:absolute;top:0px;left:0px;height:100%;width:100%;z-index:9;background: #414d68;}
#bgi{position:relative;width: 985px;margin:0px auto;height: 100%;background:url('bg.jpg');}




#menu {
    float:left;
    text-align:center;
    width: 140px;
    height: 100%;
}









#gallery_arkiv {
    position: absolute;
    width: auto;
    left: 302px;
}

#galfloatbug{float:right;width:605px;}

#gallery {
    float: left;
    width: 555px;
    margin:25px 0px 12px 0px;
}


#toplogo {
    float:right;
    width: auto;
    height: 100px;
    margin:5px 125px 12px 0px;
}

div.clearer {
    height:2px;
    overflow:hidden;
    font-size:1px;
    clear:both;
}

.kasse {
    background-color: #FFFFFF;
    width: 500px;
    height: 61px;
    border: 0px dotted #000000;
    font: Georgia, Palatino, Palatino Linotype, serif;
}

.kasse_billed {
    background-color: #336699;
    color: #FFFFFF;
    width: 61px;
    font-size: 10px;
    text-align: center;
}
 
.kasse_galleribilled {
    border: none;
    width: 110px;
}

.kasse_tekst {
    color: #000000;
    border: none;
    text-align: left;
    margin-left: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}


.OUTsafe {
    background-color: #009900;
    right: 0px;
    width: 10px;
}

.OUTnotsafe {
    background-color: #FF0000;
    right: 0px;
    width: 10px;
}



</style></head>
<body>


<div id="conto">
<div id="content">
<div id="conti">

    <div id="toplogo">
        <img src="grafik/shows7.jpg" alt="bulapictures" />
    </div>
 

<div class="clearer">&nbsp;</div>

    <div id="menu">
    <img border="0" src="grafik/navigation.gif" alt="bulapictures" /><br />
    <a href="#">Home</a><br />

    <a href="#">Terms of use</a><br />
    <a href="#">Contact us</a><br />
    <a href="#"><b>BOOKMARK</b></a><br /><br /><br />
   
    <img border="0" src="grafik/coolstuff.gif" alt="bulapictures" /><br />
    <img border="1" src="grafik/logo2.jpg" alt="bulapictures" /><br /><br />
    <img border="1" src="grafik/logo3.jpg" alt="bulapictures" /><br /><br />
    <img border="1" src="grafik/logo1.jpg" alt="bulapictures" /><br /><br />

    <img border="1" src="grafik/logo5.jpg" alt="bulapictures" />
    </div>

    <div id="gallery_arkiv">
    <b>Galleries</b> | 1 | 2 | 3 |
    </div>

    <div id="galfloatbug"><div id="gallery">
    <table border="0" cellpadding="0" cellspacing="0">

                            <tr>
                                <td>
                   
                    <table cellpadding="0" cellspacing="0" class="kasse">
                        <tr>
                            <td class="kasse_billed">4 pics</td>
                            <td class="kasse_galleribilled"><img src="thumbs/67.jpg" alt="WE ALL LOVE MR BULA" /></td>
                            <td class="kasse_tekst"><a class="gallery" href="gallery/coolbed.php">
                            <b>Cool bed</b><br />

                            Fits everyone</a></td>
                            <td class="safe"></td>
                        </tr>
                    </table><br />
                    <table cellpadding="0" cellspacing="0" class="kasse">
                        <tr>
                            <td class="kasse_billed">8 pics</td>
                            <td class="kasse_galleribilled"><img src="thumbs/66.jpg" alt="WE ALL LOVE MR BULA" /></td>

                            <td class="kasse_tekst"><a class="gallery" href="gallery/gameevolution.php">
                            <b>Game Evolution</b><br />
                            Games from the 80tees vs. games anno 2000</a></td>
                            <td class="safe"></td>
                        </tr>
                    </table><br />
                    <table cellpadding="0" cellspacing="0" class="kasse">
                        <tr>

                            <td class="kasse_billed">4 pics</td>
                            <td class="kasse_galleribilled"><img src="thumbs/65.jpg" alt="WE ALL LOVE MR BULA" /></td>
                            <td class="kasse_tekst"><a class="gallery" href="gallery/burger.php">
                            <b>One Big Burger pleace</b><br />
                            Hope you're hungry</a></td>
                            <td class="safe"></td>
                        </tr>

                    </table><br />
                    <table cellpadding="0" cellspacing="0" class="kasse">
                        <tr>
                            <td class="kasse_billed">9 pics</td>
                            <td class="kasse_galleribilled"><img src="thumbs/64.jpg" alt="WE ALL LOVE MR BULA" /></td>
                            <td class="kasse_tekst"><a class="gallery" href="gallery/perrier.php">
                            <b>Cool shirts</b><br />
                            Sponsored by Perrier</a></td>

                            <td class="notsafe"></td>
                        </tr>
                    </table><br />
                    <table cellpadding="0" cellspacing="0" class="kasse">
                        <tr>
                            <td class="kasse_billed">5 pics</td>
                            <td class="kasse_galleribilled"><img src="thumbs/63.jpg" alt="WE ALL LOVE MR BULA" /></td>
                            <td class="kasse_tekst"><a class="gallery" href="gallery/cartires.php">

                            <b>The tire of the future</b><br />
                            Could be</a></td>
                            <td class="safe"></td>
                        </tr>
                    </table><br />                   
                    <table cellpadding="0" cellspacing="0" class="kasse">
                        <tr>
                            <td class="kasse_billed">6 pics</td>

                            <td class="kasse_galleribilled" width="69"><img src="thumbs/62.jpg" alt="WE ALL LOVE MR BULA" /></td>
                            <td class="kasse_tekst"><a class="gallery" href="gallery/insanecar.php">
                            <b>Insane Car</b><br />
                            One hell of a car</a></td>
                            <td class="safe"></td>
                        </tr>
                    </table><br />
                    <table cellpadding="0" cellspacing="0" class="kasse">

                        <tr>
                            <td class="kasse_billed">15 pics</td>
                            <td class="kasse_galleribilled"><img src="thumbs/61.jpg" alt="WE ALL LOVE MR BULA" /></td>
                            <td class="kasse_tekst"><a class="gallery" href="gallery/geekwatch.php">
                            <b>Top 15 - g33k watches</b><br />
                            With them, you can do everything</a></td>
                            <td class="safe"></td>

                        </tr>
                    </table>                   
               
                                       
                            </tr>
                        </table>    </div></div>

<div class="clearer">&nbsp;</div>

</div></div></div>

<div id="bgo"><div id="bgi">&nbsp;</div></div>


</body></html>
Avatar billede mr_bula Nybegynder
13. juni 2006 - 23:23 #17
Hmm næsten... Har uploadet din kode: http://dinbror.dk/bula/mclemens.php

Var det muligt at du kunne sende grafikken til min mail: mr bula @ din bror . dk ???
Avatar billede mclemens Nybegynder
13. juni 2006 - 23:26 #18
Gjort :)
Avatar billede mr_bula Nybegynder
13. juni 2006 - 23:33 #19
Super... takker, den ser bare ikke helt rask ud endnu, og i IE er den ikke centreret. Det er sgu til at få lange nosser af...
Avatar billede mclemens Nybegynder
13. juni 2006 - 23:36 #20
Det eneste der ikke er centreret hos mig er den indre ... den centrerer jeg lige :)
Avatar billede mclemens Nybegynder
13. juni 2006 - 23:38 #21
#galfloatbug{float:right;width:572px;}

#gallery {
    float: left;
    width: 500px;
    margin:25px 0px 12px 0px;
}
Avatar billede mclemens Nybegynder
13. juni 2006 - 23:38 #22
Regner med at det var den del du tænkte på...
Avatar billede mr_bula Nybegynder
13. juni 2006 - 23:38 #23
Jeg sidder bag en widescreen computer og der er mere til venstre end højre i IE.
Avatar billede mclemens Nybegynder
13. juni 2006 - 23:40 #24
Ikke helt sikker på det hvis det ikke var den del den er helt centreret her skal jeg screendumpe så du kan se den på en normal skærm ? Evt. kan du også lige screendumpe for mig da jeg sidder ved almindelig skærm...
Avatar billede mclemens Nybegynder
13. juni 2006 - 23:41 #25
en normal skærm -> en (ehm gammeldags) skærm
Avatar billede mr_bula Nybegynder
13. juni 2006 - 23:42 #26
Og så er navigation ikke helt i toppen, og logoet skal mere til højre... Men er så træt nu at jeg ikke dur til noget, så vil kigge på det imorgen.

Mange tak for det store arbejde du har gjort
Avatar billede mr_bula Nybegynder
13. juni 2006 - 23:45 #27
Avatar billede mclemens Nybegynder
13. juni 2006 - 23:48 #28
<!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=iso-8859-1">
<title>home of mr bula</title>

<style type="text/css">

html,body{
margin:0px;
padding:0px; 
height: 100%;
background: #414d68;
overflow:hidden;
}

a:link, a:visited {
    color: #000000;
    text-decoration: none;
}

#conto{position:absolute;top:0px;left:0px;height:100%;width:100%;overflow:auto;background: transparent;z-index:10;}

#content{
    position:relative;
    width: 985px;
    margin:0px auto;
background:url('bg.jpg');
}

#conti{
    position:relative;
    width: 785px;
    margin:0px 100px;
}


#bgo{position:absolute;top:0px;left:0px;height:100%;width:100%;z-index:9;background: #414d68;}
#bgi{position:relative;width: 985px;margin:0px auto;height: 100%;background:url('bg.jpg');}




#menu {
    float:left;
    text-align:center;
    width: 140px;
    height: 100%;
}









#gallery_arkiv {
text-align:center;
    float: right;
    width: 645px;
}

#galfloatbug{float:right;width:572px;}

#gallery {
    float: left;
    width: 500px;
    margin:12px 0px 12px 0px;
}


#toplogo {
    float:right;
    width: 100px;
    height: 100px;
    margin:5px 125px 12px 0px;
}

div.clearer {
    height:2px;
    overflow:hidden;
    font-size:1px;
    clear:both;
}

.kasse {
    background-color: #FFFFFF;
    width: 500px;
    height: 61px;
    border: 0px dotted #000000;
    font: Georgia, Palatino, Palatino Linotype, serif;
}

.kasse_billed {
    background-color: #336699;
    color: #FFFFFF;
    width: 61px;
    font-size: 10px;
    text-align: center;
}
 
.kasse_galleribilled {
    border: none;
    width: 110px;
}

.kasse_tekst {
    color: #000000;
    border: none;
    text-align: left;
    margin-left: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}


.OUTsafe {
    background-color: #009900;
    right: 0px;
    width: 10px;
}

.OUTnotsafe {
    background-color: #FF0000;
    right: 0px;
    width: 10px;
}



</style></head>
<body>


<div id="conto">
<div id="content">
<div id="conti">


    <div id="menu">
    <img border="0" src="grafik/navigation.gif" alt="bulapictures" /><br />
    <a href="#">Home</a><br />

    <a href="#">Terms of use</a><br />
    <a href="#">Contact us</a><br />
    <a href="#"><b>BOOKMARK</b></a><br /><br /><br />
   
    <img border="0" src="grafik/coolstuff.gif" alt="bulapictures" /><br />
    <img border="1" src="grafik/logo2.jpg" alt="bulapictures" /><br /><br />
    <img border="1" src="grafik/logo3.jpg" alt="bulapictures" /><br /><br />
    <img border="1" src="grafik/logo1.jpg" alt="bulapictures" /><br /><br />

    <img border="1" src="grafik/logo5.jpg" alt="bulapictures" />
    </div>


    <div id="toplogo">
        <img src="grafik/shows7.jpg" alt="bulapictures" />
    </div>



    <div id="gallery_arkiv">
    <b>Galleries</b> | 1 | 2 | 3 |
    </div>

    <div id="galfloatbug"><div id="gallery">
    <table border="0" cellpadding="0" cellspacing="0">

                            <tr>
                                <td>
                   
                    <table cellpadding="0" cellspacing="0" class="kasse">
                        <tr>
                            <td class="kasse_billed">4 pics</td>
                            <td class="kasse_galleribilled"><img src="thumbs/67.jpg" alt="WE ALL LOVE MR BULA" /></td>
                            <td class="kasse_tekst"><a class="gallery" href="gallery/coolbed.php">
                            <b>Cool bed</b><br />

                            Fits everyone</a></td>
                            <td class="safe"></td>
                        </tr>
                    </table><br />
                    <table cellpadding="0" cellspacing="0" class="kasse">
                        <tr>
                            <td class="kasse_billed">8 pics</td>
                            <td class="kasse_galleribilled"><img src="thumbs/66.jpg" alt="WE ALL LOVE MR BULA" /></td>

                            <td class="kasse_tekst"><a class="gallery" href="gallery/gameevolution.php">
                            <b>Game Evolution</b><br />
                            Games from the 80tees vs. games anno 2000</a></td>
                            <td class="safe"></td>
                        </tr>
                    </table><br />
                    <table cellpadding="0" cellspacing="0" class="kasse">
                        <tr>

                            <td class="kasse_billed">4 pics</td>
                            <td class="kasse_galleribilled"><img src="thumbs/65.jpg" alt="WE ALL LOVE MR BULA" /></td>
                            <td class="kasse_tekst"><a class="gallery" href="gallery/burger.php">
                            <b>One Big Burger pleace</b><br />
                            Hope you're hungry</a></td>
                            <td class="safe"></td>
                        </tr>

                    </table><br />
                    <table cellpadding="0" cellspacing="0" class="kasse">
                        <tr>
                            <td class="kasse_billed">9 pics</td>
                            <td class="kasse_galleribilled"><img src="thumbs/64.jpg" alt="WE ALL LOVE MR BULA" /></td>
                            <td class="kasse_tekst"><a class="gallery" href="gallery/perrier.php">
                            <b>Cool shirts</b><br />
                            Sponsored by Perrier</a></td>

                            <td class="notsafe"></td>
                        </tr>
                    </table><br />
                    <table cellpadding="0" cellspacing="0" class="kasse">
                        <tr>
                            <td class="kasse_billed">5 pics</td>
                            <td class="kasse_galleribilled"><img src="thumbs/63.jpg" alt="WE ALL LOVE MR BULA" /></td>
                            <td class="kasse_tekst"><a class="gallery" href="gallery/cartires.php">

                            <b>The tire of the future</b><br />
                            Could be</a></td>
                            <td class="safe"></td>
                        </tr>
                    </table><br />                   
                    <table cellpadding="0" cellspacing="0" class="kasse">
                        <tr>
                            <td class="kasse_billed">6 pics</td>

                            <td class="kasse_galleribilled" width="69"><img src="thumbs/62.jpg" alt="WE ALL LOVE MR BULA" /></td>
                            <td class="kasse_tekst"><a class="gallery" href="gallery/insanecar.php">
                            <b>Insane Car</b><br />
                            One hell of a car</a></td>
                            <td class="safe"></td>
                        </tr>
                    </table><br />
                    <table cellpadding="0" cellspacing="0" class="kasse">

                        <tr>
                            <td class="kasse_billed">15 pics</td>
                            <td class="kasse_galleribilled"><img src="thumbs/61.jpg" alt="WE ALL LOVE MR BULA" /></td>
                            <td class="kasse_tekst"><a class="gallery" href="gallery/geekwatch.php">
                            <b>Top 15 - g33k watches</b><br />
                            With them, you can do everything</a></td>
                            <td class="safe"></td>

                        </tr>
                    </table>                   
               
                                       
                            </tr>
                        </table>    </div></div>




<div class="clearer">&nbsp;</div>

</div></div></div>

<div id="bgo"><div id="bgi">&nbsp;</div></div>


</body></html>
Avatar billede mclemens Nybegynder
13. juni 2006 - 23:48 #29
Screendump...
Avatar billede mclemens Nybegynder
13. juni 2006 - 23:55 #30
Ved ikke helt med den text-align her:

#gallery_arkiv {
text-align:center;
    float: right;
    width: 645px;
}

måske mere

#gallery_arkiv {
    float: right;
    width: 570px;
}

eller

#gallery_arkiv {
    float: right;
    width: 500px;
}

istedet ... men det kommer jo an på hvordan det skal stå...
Avatar billede mr_bula Nybegynder
13. juni 2006 - 23:56 #31
Okay nu spiller den næsten i FF. Toplogoet er dog hoppet helt ud til højre ud af billedet.

I IE ser det ikke godt ud :( Toplogoet kommer først efter hele menuen med navigation. ligeledes gør resten af indholdet..

Tjek evt. http://dinbror.dk/bula/mclemens.php
Avatar billede mr_bula Nybegynder
13. juni 2006 - 23:57 #32
hopper i seng nu...
Avatar billede mclemens Nybegynder
14. juni 2006 - 00:02 #33
ok, kast evt. screendump imorgen hvis denne ikke hjælper...

#toplogo {
    float:right;
text-align:center;
    width: 645px;
    height: 100px;
    margin:5px 0px 12px 0px;
}
Avatar billede mclemens Nybegynder
14. juni 2006 - 00:07 #34
[ I IE ser det ikke godt ud :( Toplogoet kommer først efter hele menuen med navigation. ligeledes gør resten af indholdet.. ] ... Den kommer nemlig oppe i toppen her :/ (også uden rettelsen ... der var dog margin-right sammen med en float og det giver problemer i IE ... )

Du kan evt. også slette height defineringen...

#toplogo {
    float:right;
text-align:center;
    width: 645px;
    margin:12px 0px 0px 0px;
}



... en anden lille ting jeg føler at menuen hænger for tæt på toppen men det er jo en smagssag - prøv evt. denne imorgen også :)

#menu {
padding-top:12px;
    float:left;
    text-align:center;
    width: 140px;
    height: 100%;
}
Avatar billede mclemens Nybegynder
14. juni 2006 - 08:52 #35
Efter at have sovet, er jeg dog tvivl om
logoet skulle stået i venstre spalte?
- Her er lige et eksempel på det...



<!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=iso-8859-1">
<title>home of mr bula</title>

<style type="text/css">

html,body{
margin:0px;
padding:0px;
height: 100%;
background: #414d68;
overflow:hidden;
}

a:link, a:visited {
    color: #000000;
    text-decoration: none;
}

#conto{position:absolute;top:0px;left:0px;height:100%;width:100%;overflow:auto;background: transparent;z-index:10;}

#content{
    position:relative;
    width: 985px;
    margin:0px auto;
background:url('bg.jpg');
}

#conti{
    position:relative;
    width: 785px;
    margin:0px 100px;
}


#bgo{position:absolute;top:0px;left:0px;height:100%;width:100%;z-index:9;background: #414d68;}
#bgi{position:relative;width: 985px;margin:0px auto;height: 100%;background:url('bg.jpg');}




#menu {
    float:left;
    text-align:center;
    width: 140px;
    height: 100%;
}









#gallery_arkiv {
text-align:center;
    float: right;
    width: 645px;
margin-top:20px;
}

#galfloatbug{float:right;width:572px;}

#gallery {
    float: left;
    width: 500px;
    margin:12px 0px 12px 0px;
}


#toplogo {
    width: 100px;
    height: 100px;
    margin:12px 0px;
}

div.clearer {
    height:2px;
    overflow:hidden;
    font-size:1px;
    clear:both;
}

.kasse {
    background-color: #FFFFFF;
    width: 500px;
    height: 61px;
    border: 0px dotted #000000;
    font: Georgia, Palatino, Palatino Linotype, serif;
}

.kasse_billed {
    background-color: #336699;
    color: #FFFFFF;
    width: 61px;
    font-size: 10px;
    text-align: center;
}

.kasse_galleribilled {
    border: none;
    width: 110px;
}

.kasse_tekst {
    color: #000000;
    border: none;
    text-align: left;
    margin-left: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}


.OUTsafe {
    background-color: #009900;
    right: 0px;
    width: 10px;
}

.OUTnotsafe {
    background-color: #FF0000;
    right: 0px;
    width: 10px;
}



</style></head>
<body>


<div id="conto">
<div id="content">
<div id="conti">


    <div id="menu">
<img src="grafik/shows7.jpg" alt="bulapictures" id="toplogo" />
    <img border="0" src="grafik/navigation.gif" alt="bulapictures" /><br />
    <a href="#">Home</a><br />

    <a href="#">Terms of use</a><br />
    <a href="#">Contact us</a><br />
    <a href="#"><b>BOOKMARK</b></a><br /><br /><br />

 
    <img border="0" src="grafik/coolstuff.gif" alt="bulapictures" /><br />
    <img border="1" src="grafik/logo2.jpg" alt="bulapictures" /><br /><br />
    <img border="1" src="grafik/logo3.jpg" alt="bulapictures" /><br /><br />
    <img border="1" src="grafik/logo1.jpg" alt="bulapictures" /><br /><br />

    <img border="1" src="grafik/logo5.jpg" alt="bulapictures" />
    </div>



    <div id="gallery_arkiv">
    <b>Galleries</b> | 1 | 2 | 3 |
    </div>

    <div id="galfloatbug"><div id="gallery">

    <table border="0" cellpadding="0" cellspacing="0">

                            <tr>
                                <td>
                 
                    <table cellpadding="0" cellspacing="0" class="kasse">
                        <tr>
                            <td class="kasse_billed">4 pics</td>
                            <td class="kasse_galleribilled"><img src="thumbs/67.jpg" alt="WE ALL LOVE MR BULA" /></td>
                            <td class="kasse_tekst"><a class="gallery" href="gallery/coolbed.php">

                            <b>Cool bed</b><br />

                            Fits everyone</a></td>
                            <td class="safe"></td>
                        </tr>
                    </table><br />
                    <table cellpadding="0" cellspacing="0" class="kasse">
                        <tr>

                            <td class="kasse_billed">8 pics</td>
                            <td class="kasse_galleribilled"><img src="thumbs/66.jpg" alt="WE ALL LOVE MR BULA" /></td>

                            <td class="kasse_tekst"><a class="gallery" href="gallery/gameevolution.php">
                            <b>Game Evolution</b><br />
                            Games from the 80tees vs. games anno 2000</a></td>
                            <td class="safe"></td>
                        </tr>

                    </table><br />
                    <table cellpadding="0" cellspacing="0" class="kasse">
                        <tr>

                            <td class="kasse_billed">4 pics</td>
                            <td class="kasse_galleribilled"><img src="thumbs/65.jpg" alt="WE ALL LOVE MR BULA" /></td>
                            <td class="kasse_tekst"><a class="gallery" href="gallery/burger.php">
                            <b>One Big Burger pleace</b><br />

                            Hope you're hungry</a></td>
                            <td class="safe"></td>
                        </tr>

                    </table><br />
                    <table cellpadding="0" cellspacing="0" class="kasse">
                        <tr>
                            <td class="kasse_billed">9 pics</td>

                            <td class="kasse_galleribilled"><img src="thumbs/64.jpg" alt="WE ALL LOVE MR BULA" /></td>
                            <td class="kasse_tekst"><a class="gallery" href="gallery/perrier.php">
                            <b>Cool shirts</b><br />
                            Sponsored by Perrier</a></td>

                            <td class="notsafe"></td>
                        </tr>
                    </table><br />

                    <table cellpadding="0" cellspacing="0" class="kasse">
                        <tr>
                            <td class="kasse_billed">5 pics</td>
                            <td class="kasse_galleribilled"><img src="thumbs/63.jpg" alt="WE ALL LOVE MR BULA" /></td>
                            <td class="kasse_tekst"><a class="gallery" href="gallery/cartires.php">

                            <b>The tire of the future</b><br />
                            Could be</a></td>

                            <td class="safe"></td>
                        </tr>
                    </table><br />                 
                    <table cellpadding="0" cellspacing="0" class="kasse">
                        <tr>
                            <td class="kasse_billed">6 pics</td>

                            <td class="kasse_galleribilled" width="69"><img src="thumbs/62.jpg" alt="WE ALL LOVE MR BULA" /></td>
                            <td class="kasse_tekst"><a class="gallery" href="gallery/insanecar.php">

                            <b>Insane Car</b><br />
                            One hell of a car</a></td>
                            <td class="safe"></td>
                        </tr>
                    </table><br />
                    <table cellpadding="0" cellspacing="0" class="kasse">

                        <tr>

                            <td class="kasse_billed">15 pics</td>
                            <td class="kasse_galleribilled"><img src="thumbs/61.jpg" alt="WE ALL LOVE MR BULA" /></td>
                            <td class="kasse_tekst"><a class="gallery" href="gallery/geekwatch.php">
                            <b>Top 15 - g33k watches</b><br />
                            With them, you can do everything</a></td>
                            <td class="safe"></td>

                        </tr>

                    </table>                 
             
                                     
                            </tr>
                        </table>    </div></div>




<div class="clearer">&nbsp;</div>

</div></div></div>

<div id="bgo"><div id="bgi">&nbsp;</div></div>


</body></html>
Avatar billede mr_bula Nybegynder
14. juni 2006 - 10:50 #36
Det hjalp genvaldigt.... Og med friske øjne virker det pludselig også. Har rettet nogle småting, og nu spiller det næsten max.

Er bare ikke helt tilfreds med det stykke grafik du lavede. Det ser ud som om sidegrafikken blive tværet ud!!!

Tusind tak for hjælpen mclemens. Havde ikke klaret det uden din hjælp. Smid et svar så du kan få din velfortjente point
Avatar billede mclemens Nybegynder
14. juni 2006 - 10:58 #37
[ Det ser ud som om sidegrafikken blive tværet ud!!! ]
Tror det er fordi jeg nøjdes med de 6 øveste px ... det var nok for lidt
- prøv evt. med lidt flere px og måske uden så meget jpg komprimering...
... kast lige en kommentar hvis jeg skal kigge på den og maile en ny...
Avatar billede mr_bula Nybegynder
14. juni 2006 - 11:08 #38
Du har gjort rigeligt, og det kan jeg godt selv lave ;) så igen mange gange tak for hjælpen
Avatar billede mclemens Nybegynder
14. juni 2006 - 11:09 #39
Ok, og tak for point :)
Avatar billede mr_bula Nybegynder
14. juni 2006 - 11:22 #40
Selv tak... er lige stødt på et problem hvis du har tid!

width'en på selve siden skal være mindre fra 985px til 940px. Ved at rette width i content, bgi og conti burde det løses, og det gjorde det også i første omgang, men så ville jeg lige teste noget og så virker det ikke mere. Det hele ser meget skørt ud
Avatar billede mr_bula Nybegynder
14. juni 2006 - 11:31 #41
Hmmm tror jeg er ved at have løst problemet
Avatar billede mclemens Nybegynder
14. juni 2006 - 11:49 #42
Tror det er disse css rettelser ...
( ved dog ikke helt om den passer da jeg ikke er sikker på om
du valgte den html udgave fra imorges eller en fra igår... )


#content{
    position:relative;
    width: 945px;
    margin:0px auto;
background:url('bg.jpg');
}

#conti{
    position:relative;
    width: 745px;
    margin:0px 100px;
}




#bgi{position:relative;width: 945px;margin:0px auto;height: 100%;background:url('bg.jpg');}




#gallery_arkiv {
text-align:center;
    float: right;
    width: 605px;
margin-top:20px;
}

#galfloatbug{float:right;width:552px;}



... og så et nyt baggrundsbillede i 945px bredde istedet for 985px
Avatar billede mr_bula Nybegynder
14. juni 2006 - 11:57 #43
Har fået det til at virke ellers tak.

Det spiller
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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