Skip to content

Luventas Web Design

A new blog for developers in PHP, Java and mobile Development

  • Home
  • 2011
  • Juni
  • 4
  • A stripe should be a stripe

A stripe should be a stripe

Posted on 4 Juni 2011 By luventas 3 Kommentare zu A stripe should be a stripe
(x)html, css

Everybody who develop or design for the world wide web knows this problem: cross browser compatibility. Since the new IE9 it’s getting much more better, but if you have to create a website, which should have pixel to pixel the same view in all browsers, you have a real problem, because every browser has its own properties. The smaller the differences are, the more difficult is it to fix the failing pixel differences. The best example is the <hr /> Tag. This tag is a line in nearly all browsers. but if you want to manipulate this tag with css, you can see, that there is a difference in one single browser: The Safari Browser on Mac OS.

hr {
  height: 2px;
  color: black;
}

In all other Browsers the hr tag with this css manipulation is a line with a height of 2 pixels and a black color. Only in the safari browser on mac OS it is a table cell with the height of 2 pixels, a one pixel high border in black color and a white background. To create this hr tag absolute cross browser compatible, following css is necessary:

hr {
  height: 2px;
  color: black;
  border: none;
  background-color: black;
}

Then the hr tag is a 2 pixel high line in all browsers.

Print Friendly, PDF & Email

Beitrags-Navigation

❮ Previous Post: Create an Excel document with PHP
Next Post: Test Browser compatibility ❯

You may also like

(x)html
Preserve your mail form for spam
27 Juni 2011

3 thoughts on “A stripe should be a stripe”

  1. seo sagt:
    6 Juni 2011 um 00:02 Uhr

    I am really into Search Engine Optimization. Great post and I would check back again soon!

    Antworten
  2. David sagt:
    14 Juni 2011 um 20:05 Uhr

    Hey wo ist der Gefaellt mir Button? 🙂

    Antworten
    1. luventas sagt:
      14 Juni 2011 um 20:26 Uhr

      Under every post are a lot of these buttons. feel free to press them all… 😉

      Antworten

Schreibe einen Kommentar Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Copyright © 2023 Luventas Web Design.

Theme: Oceanly News by ScriptsTown

Diese Website nutzt Cookies, um bestmögliche Funktionalität bieten zu können. OK, verstanden
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
immer aktiv
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Non-necessary
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.
SPEICHERN & AKZEPTIEREN