Eine Breite fixieren andere Variabel halten

scorpio · 2 Juli 2012

Hallo,

ich moechte gerne in einem ul erst einmal zwei span drin haben. Der linke soll eine Breite von 221px haben. Der rechte soll zuerst eine variable Breite haben.

Es handelt sich hier um eine Webseite fuer Smart-Phones. Wenn das Handy hochkant gehalten wird, soll der rechte span einen Umbruch einleiten und da die volle Breite haben.

Geht das irgendwie? Siehe ggf. Bilder.

Hier der mein Code erstmal dazu:

Code:

<html>
<head>
<title>Tooltipp mit CSS</title>
    <style type="text/css">
    <!--    
    .leftSide
    {
        display: inline-block;
        background-color: red;
        position: relative;
        width: 221px;
        height: 50px;
    }
    
    .rightSide
    {
        display: inline-block;
        background-color: yellow;
        position: relative;
        height: 50px;
    }
    
    -->
    </style>
</head>
<body>
    <div>
        <span class="leftSide">
        </span>
        
        <span class="rightSide">
        </span>
        
    </div>
</body>
</html>

Cheffchen · 2 Juli 2012

Hallo,

habe zwar nicht ganz verstanden was möchtest aber glaube da brauchst verschiedene css anweisungen je nach dem was ist
vielleicht hilft das als idee

Code:

@media only screen and (max-device-width: 480px) {
     .rightSide {
        padding: 0;
        }
}

oder gleich so

<link rel="stylesheet" type="text/css" media="screen and (maxdevice-
width: 480px)" href="mobil.css">

Cheffchen

Sentence · 2 Juli 2012

Moin,

Code:

@media only screen and (orientation:portrait) {}

und

Code:

@media only screen and (orientation: landscape) {}

ist wohl eher das was du suchst.

MfG

Eine Breite fixieren andere Variabel halten

scorpio

Neues Mitglied

Cheffchen

Senior HTML'ler

Sentence

Aktives Mitglied

Neueste Beiträge