iphone browsers jumbling html and css output

[allen86]

Hi,

My webpage looks clean on android devices, but is jumbled on iphone browsers. I cannot find a webkit code to resolve this. Here is my code:

a:visited {
  color: blue;
}

body {
  min-width: 1200px;
}

ul {
  list-style-type: "+";
}

table,
td {
  border: 0;
}

.experience {
  display: inline-block;

  float: left;
}

.internships {
  display: inline-block;

  float: left;
}

.coursework {
  display: inline-block;
  float: left;
}

.community {
  display: inline-block;
  float: left;
}

.linkedin {
  display: inline-block;
  float: left;
}

.homepage {
  display: inline-block;
  float: left;
}

.honors {
  display: inline-block;
  width: 175px;
  height: 100px;
  background: white;
  overflow: hidden;
}

.honors2 {
  display: inline-block;
  width: 900px;
  height: 100px;
  background: white;
  overflow: hidden;
}

.objective {
  display: inline-block;
  width: 125px;
  height: 65px;
  background: white;
  overflow: hidden;
}

.objective2 {
  display: inline-block;
  width: 1000px;
  height: 65px;
  background: white;
  overflow: hidden;
}

.certs {
  display: inline-block;
  width: 175px;
  height: 75px;
  background: white;
  overflow: hidden;
}

.certs2 {
  display: inline-block;
  width: 900px;
  height: 75px;
  background: white;
  overflow: hidden;
}

.education {
  display: inline-block;
  width: 125px;
  height: 100px;
  background: white;
  overflow: hidden;
}

.education2 {
  display: inline-block;
  width: 900px;
  height: 100px;
  background: white;
  overflow: hidden;
}

 

[JosiahMaybe]

I do not get exactly what error is from that, got more code we can look at? Can you post screenshots of Android and iOS?

 

[tomliv]

I'd need more than this. Do you have a link? Do you have the html and css for the page?