Nieprawidłowe formatowanie border-a

7 kwietnia 2014

Mam problem z tym że ramka jest większa niż powinna być chciałabym aby otaczała zawartość strony, a ramke mam nijako w całym pliku przeglądarki a chciałabym aby kończyła siię tam gdzie zawartość pliku

Tu jest css

 
 
html {
    background-color: #fff;
    color: #000;
    margin: 0;
    padding: 0
;
 
}
body {border-style:solid;
 
        margin: 0 auto;
    padding: 0;
        display: block;
    width: 1004px;
max-height:777px;
        overflow: auto;
}
#header {min-height:30px;
        width: 100%;
        float: left;
    background-color: white;
}
#nav {
    width: 250px;
    float: left;
    overflow: hidden;
    background-color: white;
}#footer {min-height:30px;
    clear: both;
    width: 100%;
    background-color: white;
}
#content {
    width: 554px;
    float: left;
    overflow: hidden;
    background-color: red;
}
#image {
width:100px;
background-color: green;
 overflow: hidden;
}

A to jest plik html

 
 
<html lang="pl"><p>
    <head>
         <link rel="stylesheet" href="css.css" type="text/css" />
    
<meta charset="chcp 1250">
<title> Wizytówka </title></head>
<body>
    <tr><td><p>
       <div id="header"><center>PRZEPUSTKA</center></div>
         <div id="nav">imię:<br /> Nazwisko:<br />rok urodzenia:<br />stanowisko:<br />data ważności:<br />nazwa firmy:<br /></div>
         <div id="content">A1     <br />B1     <br />C1<br />D1<br />E1<br />F1<br /></div>
<div id="image"><img src="1.jpg" alt="Tu podaj tekst alternatywny" /></div> 
         <div id="footer"></div>
    </td></tr>
</body>
</html>

11 kwietnia 2014

Nie do końca cię rozumiem, a twojego kodu HTML-a tym bardziej.
Po 1: Gdzie kończy ci się akapit? (znacznik <p>)?
Po 2: W akapit nie powinno się wrzucać żadnego div'a.. tylko tekst i ew <span> <strong> i inne takie.
Po 3: Szkieletu strony NIE TWORZY SIĘ na tabeli już od dawna.
Po 4: Z tego co widzę, to właśnie sama treść jest otoczona borderem, chyba że co innego uważasz za treść.

Proszę, podaj więcej informacji co dokładnie ma być w "ramce"? Każdy element z osobna?
Pozdrawiam.

13 kwietnia 2014

Problem, o którym piszesz występuje tylko na chrome i ie (w ff i operze jest ok). Bierze się stąd, że przeglądarki różnie interpretują ile miejsca zajmuje body. Najprostszym rozwiązaniem będzie po prostu użycie innego kontenera do otoczenia całości ramką.

Ponadto jw. masz niepotrzebne rozpoczęcia akapitu (na początku html i na początku body) i elementy tabeli.

Zaloguj się

Nieprawidłowe formatowanie border-a

lightinside

wuldemar95

leggo

Wciąż szukasz rozwiązania problemu? Napisz teraz na forum!

Strona główna

Powiadomienie o plikach cookie