Hov. Du er ikke logget ind.
DU SKAL VÆRE LOGGET IND, FOR AT INTERAGERE PÅ DENNE SIDE
Log Ind

Design problem

Side 1 ud af 2 (13 indlæg)
Fra Odense
Tilmeldt 1. Jan 12
Indlæg ialt: 393
Fra  Babytoys.dk Skrevet kl. 20:07
Hvor mange stjerner giver du? :

Hej!

Jeg sidder og designer noget til min hjemmeside hvorefter jeg får et problem. Hvis i ser dette billede: http://tinypic.com/r/30u7rdt/6 Så ser de to "hvorfor os?" ikke ens ud. 
Den til venstre er goggle chrome og den til højre er IE9. Jeg skal gøre så IE9 også ligner den i google chrome. 
Koden ser sådan ud:

.produkter{
font-family: "Arial", Times, serif !important;
color: #FFFFFF;
background-color: #545454;
width: 210px;
height: 33px !important;
min-height: 33px;
padding-left: 15px;
padding-top: 12px;
}

.tekst{
display: block;
font-size: 14px;
padding: 0;
padding-top: 3px;
margin: 0;
font-weight: bold;
}



Jeg håber i kan hjælpe!
DBH
Mads 
Fra Odense
Tilmeldt 6. Dec 11
Indlæg ialt: 89
Fra  Jeppesmith.dk Skrevet kl. 00:24
Hvor mange stjerner giver du? :

Glem height og min-height og brug i stedet line-height på dit tekst element. Og forsøg at styre udenom padding og brug i stedet margin. Browserne har det med at render padding på forskellige måder.

eksempel:

.produkter{
font-family: "Arial", Times, serif !important;
color: #FFFFFF;
background-color: #545454;
width: 210px;
margin-left: 15px;
margin-top: 12px;
}

.tekst{
display: block;
font-size: 14px;
margin: 0;
margin-top: 3px;
margin: 0;
font-weight: bold;

line-height: 33px;

}
Fra DK- Struer
Tilmeldt 26. Dec 06
Indlæg ialt: 2831
Fra  Ifindu.dk Skrevet kl. 00:54
Hvor mange stjerner giver du? :

Jeppe Smith:

Glem height og min-height og brug i stedet line-height på dit tekst element. Og forsøg at styre udenom padding og brug i stedet margin. Browserne har det med at render padding på forskellige måder.

eksempel:

.produkter{
font-family: "Arial", Times, serif !important;
color: #FFFFFF;
background-color: #545454;
width: 210px;
margin-left: 15px;
margin-top: 12px;
}

.tekst{
display: block;
font-size: 14px;
margin: 0;
margin-top: 3px;
margin: 0;
font-weight: bold;

line-height: 33px;

}

Det er noget vrøvl omkring margin contra padding, da det styrer to vidt forskellige ting -

Forskellen på de 2 billeder skyldes måske din måde at opstille din html-kode,
hvis du har sat teksten på en ny linie ifht din div - kan den opfattes som et linieskift af browseren (IE) hvilket selvfølgelig er en fejl, men ikke desto mindre tilfældet i nogle tilfælde.

Til gengæld skal du huske at deklarere ordentligt: margin:0; - bør altid være margin:0px; 

Få hjælp til at det tekniske omkring Web og Grafisk -  https://icode.dk

Fra DK- Struer
Tilmeldt 26. Dec 06
Indlæg ialt: 2831
Fra  Ifindu.dk Skrevet kl. 00:56
Hvor mange stjerner giver du? :

For at kunne se hvad der er galt skal jeg også se din html-kode

Få hjælp til at det tekniske omkring Web og Grafisk -  https://icode.dk

Fra København NV
Tilmeldt 23. Mar 08
Indlæg ialt: 78
Skrevet kl. 01:39
Hvor mange stjerner giver du? :

Deleuran:
Til gengæld skal du huske at deklarere ordentligt: margin:0; - bør altid være margin:0px; 

Det er ihvertfald også vrøvl, 0 er 0 ligegyldigt om det er angivet i px, em's, %, eller havenisser. Og hvorfor så ikke stile efter at skrive det med mindst mulige tegn..

Deleuran:
hvis du har sat teksten på en ny linie ifht din div - kan den opfattes som et linieskift af browseren (IE) hvilket selvfølgelig er en fejl, men ikke desto mindre tilfældet i nogle tilfælde.

Det passer heller ikke. Skulle det være tilfældet, snakker vi ihvertfald helt tilbage til ie5, og den er for længst uddød.

Vi er nød til at se noget html, for at kunne give et ordentligt svar.
Fra Puerto De La Duquesa
Tilmeldt 13. Jul 09
Indlæg ialt: 3506
Fra  DesignYOU - Kreative løsninger Skrevet kl. 06:15
Hvor mange stjerner giver du? :

Hej

Hvis man genskaber koden som her ser den box fint ud i både FF, chrome og IE9 så der må være noget andet der spiller ind :) Ved ikke om i bruger <p> tag til teksten men prøv det :)
Fra København NV
Tilmeldt 23. Mar 08
Indlæg ialt: 78
Skrevet kl. 10:56
Hvor mange stjerner giver du? :

Det er fuldstændig underordnet, eftersom han har sat display block. DEesuden bør tagget vælges efter semantisk mening. Det eneste rigtige tag at bruge til, hvad jeg tror er en menu, ville være en unordered list.
Fra Puerto De La Duquesa
Tilmeldt 13. Jul 09
Indlæg ialt: 3506
Fra  DesignYOU - Kreative løsninger Skrevet kl. 11:52
Hvor mange stjerner giver du? :

Herlevsen:
Det er fuldstændig underordnet, eftersom han har sat display block.

Korrekt men som i selv skriver skal der mere kode til for at finde den fejl, der er tilsyneladende intet forkert i css koden :)
Fra Odense
Tilmeldt 1. Jan 12
Indlæg ialt: 393
Fra  Babytoys.dk Skrevet kl. 15:08
Hvor mange stjerner giver du? :

Hej! Det er en fejl at jeg ikke har givet det andet kode :) Det kommer selvfølgelig her:

<div class='produkter'>
<div class='tekst'>
<p>Hvorfor os?</p>
</div>
</div>
<style>

.produkter{
font-family: "Arial", Times, serif !important;
color: #FFFFFF;
background-color: #545454;
width: 210px;
height: 33px !important;
min-height: 33px;
padding-left: 15px;
padding-top: 12px;
}

.tekst{
display: block;
font-size: 14px;
padding: 0;
padding-top: 3px;
margin: 0;
font-weight: bold;
}

</style>

Fra Puerto De La Duquesa
Tilmeldt 13. Jul 09
Indlæg ialt: 3506
Fra  DesignYOU - Kreative løsninger Skrevet kl. 16:35
Hvor mange stjerner giver du? :

Mads Herlev:
Hej! Det er en fejl at jeg ikke har givet det andet kode :) Det kommer selvfølgelig her:

Har du et link til selve siden?

Prøv i stedet at bruge

<div class="produkter">
<p>Hvorfor os ?</p>
</div>

Fjern <div class='tekst'></div>

Så skriver du:
.produkter{
    font-family: "Arial", Times, serif !important;
    background-color: #545454;
    width: 210px;
    height: 33px !important;
    min-height: 33px;
    padding-left: 15px;
    padding-top: 12px;
}
.produkter p{
    display: block;
    font-size: 14px;
    padding: 0;
    padding-top: 3px;
    margin: 0;color: #fff;
    font-weight: bold;
}

Det er den kode jeg linker til og den virker i hver fald i mine browsere :)
Side 1 ud af 2 (13 indlæg)
Bliv gratis medlem pa Amino